This is a migrated thread and some comments may be shown as answers.

[Solved] Pagerstyle not picking up CSS

5 Answers 188 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Courtenay asked on 06 Oct 2009, 01:02 AM

Hi there,

im trying to add a css class to my pager style but it always just reverts to the orginal GridPager_Default.

here is my code:

    
            <telerik:RadGrid ID="grdProperties" runat="server" GridLines="None" AllowPaging="True" 
        
                                                        AllowSorting="True" AutoGenerateColumns="False" PageSize="3" OnNeedDataSource="grdProperties_NeedDataSource" 
        
                                                        OnItemDataBound="grdProperties_ItemDataBound" EnableEmbeddedSkins="false">  
        
                                                        <PagerStyle ShowPagerText="false" VerticalAlign="Middle" ForeColor="White" CssClass="ProfilePager_Default" Mode="NextPrevAndNumeric" EnableSEOPaging="True" PrevPageImageUrl="/surf4property/images/btnPrevious.png" NextPageImageUrl="/surf4property/images/btnNext.png"></PagerStyle> 
        
                                                        <MasterTableView NoMasterRecordsText="No Properties to display">  
        
            Number of columns.....  
        
            </Columns> 
        
                                                            <RowIndicatorColumn Visible="False">  
        
                                                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                                                            </RowIndicatorColumn> 
        
                                                            <ExpandCollapseColumn Visible="False" Resizable="False">  
        
                                                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                                                            </ExpandCollapseColumn> 
        
                                                            <EditFormSettings> 
        
                                                                <PopUpSettings ScrollBars="None"></PopUpSettings> 
        
                                                            </EditFormSettings> 
        
                                                        </MasterTableView> 
        
                                                    </telerik:RadGrid>

In the above example i try to create a new CSSClass but it doesnt work? it keeps using the original GridPager_Default

5 Answers, 1 is accepted

answered on 06 Oct 2009, 09:25 AM

Hello Courtenay,

Try adding the !important keyword to the css class settings as shown below and check if it helps:
css:

    
             .ProfilePager_Default 
        
                { 
        
                   background-color:blue !important; 
        
                }

The !important keyword is used so that the corresponding appearance setting will dominate over the style specified in the Styles.css file of the chosen skin.

Thanks
Princy.