[CLOSED] Grid Toolbar Field FontSize

  1. #1

    [CLOSED] Grid Toolbar Field FontSize


    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}" />
    Last edited by Daniil; Sep 03, 2012 at 7:34 AM. Reason: [CLOSED]
  2. #2

    Quote Originally Posted by softmachine2011 View Post
    Is any generic form to view it like in v1.x or apply the old style?
    I think no.

    Please apply respective CSS rules.
  3. #3
    But why it changed?
  4. #4
    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.
  5. #5
    Ok, I will create my own css rule.

  6. #6
    Ok, please ask if you need any assistance.

Similar Threads

  1. Replies: 2
    Last Post: Feb 25, 2011, 1:21 PM
  2. Replies: 2
    Last Post: Apr 20, 2010, 1:50 PM
  3. [CLOSED] Paging Toolbar with Grid
    By speedstepmem2 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 23, 2009, 3:08 AM
  4. [CLOSED] Strange behaviour of ComboBox in Grid Toolbar
    By macap in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Sep 01, 2009, 6:45 AM
  5. Reload grid and paging toolbar
    By jchau in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 17, 2009, 12:42 PM

Tags for this Thread

Posting Permissions