View Full Version : [CLOSED] Grid Toolbar Field FontSize

Aug 31, 2012, 10:45 AM

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


<ext:Panel runat="server" Border="false" Layout="HBoxLayout" Height="50">
<ext:DateField ID="dateField" runat="server" AllowBlank="false" Width="90" SelectedDate="2012-08-02" />
<ext:GridPanel runat="server" Header="false" Border="false">
<ext:Toolbar runat="server">
<ext:DateField ID="dateField2" runat="server" AllowBlank="false" Width="90" SelectedDate="2012-08-02" />
<ext:Store ID="Store1" runat="server" PageSize="10">
<ext:Model runat="server" IDProperty="ID">
<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" />
<ColumnModel runat="server">
<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:GridView runat="server" LoadMask="false" />
<ext:GridFilters runat="server" Local="true">
<ext:NumericFilter DataIndex="ID" />
<ext:StringFilter DataIndex="Name" />
<ext:DateFilter DataIndex="Start">
<DatePickerOptions runat="server" TodayText="Now" />
<ext:DateFilter DataIndex="End">
<DatePickerOptions runat="server" TodayText="Now" />
<ext:BooleanFilter DataIndex="Completed" />
<ext:PagingToolbar runat="server" DisplayInfo="true" DisplayMsg="Displaying Jobs {0} - {1} of {2}" />

Aug 31, 2012, 12:12 PM

Is any generic form to view it like in v1.x or apply the old style?

I think no.

Please apply respective CSS rules.

Aug 31, 2012, 12:26 PM
But why it changed?

Aug 31, 2012, 1:27 PM
I can't say. It happened on ExtJS side. I was unable to find any information about it on the Sencha site and forums.

Maybe, they decided to simplify CSS.

Sep 03, 2012, 6:52 AM
Ok, I will create my own css rule.


Sep 03, 2012, 7:34 AM
Ok, please ask if you need any assistance.