PDA

View Full Version : [CLOSED] Grid Toolbar Field FontSize



softmachine2011
Aug 31, 2012, 11:45 AM
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



<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>

Daniil
Aug 31, 2012, 1:12 PM
Hi,


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

I think no.

Please apply respective CSS rules.

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

Daniil
Aug 31, 2012, 2: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.

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

Thanks.

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