Aug 31, 2012, 10:45 AM
[CLOSED] Grid Toolbar Field FontSize
Hi,
In v1.x fields in grid toolbars has font-size:11px; with an specific style (.x-small-editor .x-form-field), but now this style is not applied because toolbar hasn't got x-small-editor class.
Is any generic form to view it like in v1.x or apply the old style? Now text of fields is too big in toolbar
Example
In v1.x fields in grid toolbars has font-size:11px; with an specific style (.x-small-editor .x-form-field), but now this style is not applied because toolbar hasn't got x-small-editor class.
Is any generic form to view it like in v1.x or apply the old style? Now text of fields is too big in toolbar
Example
<ext:Panel runat="server" Border="false" Layout="HBoxLayout" Height="50">
<Items>
<ext:DateField ID="dateField" runat="server" AllowBlank="false" Width="90" SelectedDate="2012-08-02" />
</Items>
</ext:Panel>
<ext:GridPanel runat="server" Header="false" Border="false">
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:DateField ID="dateField2" runat="server" AllowBlank="false" Width="90" SelectedDate="2012-08-02" />
</Items>
</ext:Toolbar>
</TopBar>
<Store>
<ext:Store ID="Store1" runat="server" PageSize="10">
<Model>
<ext:Model runat="server" IDProperty="ID">
<Fields>
<ext:ModelField Name="ID" />
<ext:ModelField Name="Name" />
<ext:ModelField Name="Start" Type="Date" />
<ext:ModelField Name="End" Type="Date" />
<ext:ModelField Name="Completed" Type="Boolean" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" Text="ID" Width="40" Sortable="true" DataIndex="ID" />
<ext:Column runat="server" Text="Job Name" Sortable="true" DataIndex="Name" Flex="1" />
<ext:DateColumn runat="server" Text="Start" Width="120" Sortable="true" DataIndex="Start"
Format="yyyy-MM-dd" />
<ext:DateColumn runat="server" Text="End" Width="120" Sortable="true" DataIndex="End"
Format="yyyy-MM-dd" />
<ext:Column runat="server" Text="Completed" Width="80" Sortable="true" DataIndex="Completed">
<Renderer Handler="return (value) ? 'Yes':'No';" />
</ext:Column>
</Columns>
</ColumnModel>
<View>
<ext:GridView runat="server" LoadMask="false" />
</View>
<Features>
<ext:GridFilters runat="server" Local="true">
<Filters>
<ext:NumericFilter DataIndex="ID" />
<ext:StringFilter DataIndex="Name" />
<ext:DateFilter DataIndex="Start">
<DatePickerOptions runat="server" TodayText="Now" />
</ext:DateFilter>
<ext:DateFilter DataIndex="End">
<DatePickerOptions runat="server" TodayText="Now" />
</ext:DateFilter>
<ext:BooleanFilter DataIndex="Completed" />
</Filters>
</ext:GridFilters>
</Features>
<BottomBar>
<ext:PagingToolbar runat="server" DisplayInfo="true" DisplayMsg="Displaying Jobs {0} - {1} of {2}" />
</BottomBar>
</ext:GridPanel>
Last edited by Daniil; Sep 03, 2012 at 7:34 AM.
Reason: [CLOSED]