[CLOSED] How to change the border color of button bar that contents PagginToolBar?

[flormariafr]

Hi,

I am trying to change the border color of button bar that contents PagginToolBar, but it does not work.

.gridContentUserListing .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label 


{


border-top-color:Red;


border-left-color:Red;


border-right-color:Red;


}


<ext:Panel runat="server" Width="460px" Border="false">


<Content>


<ext:GridPanel ID="GridPanelUsersListing" runat="server" 


StoreID="StoreUsersListing"


Cls="gridContentUserListing"


Width="460px" Height="400px"





>


<ColumnModel ID="ColumnModelUserListing" IDMode="Legacy">


<Columns>


<ext:Column DataIndex="USERID2" Hidden="true"/> 


<ext:Column DataIndex="USERNAME" ColumnID="USERNAMEcolumn" 


Header="<%$ Resources: GridPanelUsersListing.USERNAMEcolumn %>" Width="134">


<Editor>


<ext:TextField ID="USERNAMEcolumn" runat="server" ReadOnly="true" />


</Editor>


</ext:Column>


<ext:Column DataIndex="FIRSTNAME" ColumnID="FIRSTNAMEcolumn" 


Header="<%$ Resources: GridPanelUsersListing.FIRSTNAMEcolumn %>" Width="150">


<Editor>


<ext:TextField ID="FIRSTNAMEcolumn" runat="server" ReadOnly="true"/>


</Editor>


</ext:Column>


<ext:Column DataIndex="LASTNAME" ColumnID="LASTNAMEcolumn" 


Header="<%$ Resources: GridPanelUsersListing.LASTNAMEcolumn %>" Width="150">


<Editor>


<ext:TextField ID="LASTNAMEcolumn" runat="server" ReadOnly="true" />


</Editor>


</ext:Column>


<ext:Column DataIndex="ACTIVE" 


Width="50" 


ColumnID="CheckboxActiveColumn" 


Header="<%$ Resources: GridPanelUsersListing.CheckboxActiveColumn %>" Hidden="true">


<Editor>


<ext:Checkbox ID="CheckboxActiveColumn" ReadOnly="true"


runat="server" Cls="checkBox" />


</Editor>


</ext:Column>


</Columns>


</ColumnModel>


<SelectionModel>


<ext:RowSelectionModel ID="RowSelectionModel2" runat="server">


<DirectEvents>


<RowSelect OnEvent="UserRowSelect" Buffer="250">


<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{Details}" />


<ExtraParams>


<ext:Parameter Name="USERID" Value="this.getSelected().id" Mode="Raw" />


</ExtraParams>


</RowSelect>


</DirectEvents>


</ext:RowSelectionModel>


</SelectionModel>


<BottomBar>


<ext:PagingToolBar ID="PagingToolBarUserListing" 


runat="server" 


StoreID="StoreGridGroupListing" 


PageSize="10" 


DisplayInfo="false" 


MaxWidth="460px"


Cls="pagingToolBar"





/>


</BottomBar>


</ext:GridPanel>


</Content> 


</ext:Panel>

[Vladimir]

Hi,

Use the following css rule

.x-panel-bbar div.pagingToolBar
        {
            border: solid 1px red;
        }