[CLOSED] Grid Toolbar Field FontSize

[softmachine2011]

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]

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]

But why it changed?

[Daniil]

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]

Ok, I will create my own css rule.

Thanks.

[Daniil]

Ok, please ask if you need any assistance.