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

How to Hide the Pager's "Page x Of y" Text?

2 Answers 128 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gilberto Beltrao
Top achievements
Rank 1
Gilberto Beltrao asked on 28 Apr 2010, 05:31 PM
I learned how to hide the Pager's Dropdown counter using the Style below but I'd like to also hide the Pager's "X items in Y pages" Text.

    <style type="text/css">  
        div.RadGrid .rgPager .rgAdvPart  
        {  
            display: none;  
        }  
    </style> 

Is there a way of doing this? The problem is that when the RadGrid is too narrow for showing this (at the lower right of the RadGrid's footer) it will brake down to the next line what looks really ugly. I could reduce the font's size so it would fit there but I believe there's should be an alternative.

Thanks in advance!

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 29 Apr 2010, 05:50 AM
HI,

You can try out the following style setting for customizing the PagerText.

CSS:
 
 
   <style type="text/css" media="all"
        .RadGrid_Default .rgPager .rgInfoPart 
        { 
            display: none !important; /* for hiding the text part */ 
            font-size: 8px !important; 
        } 
    </style> 



Hope this would help you.

Regards,
Princy.
0
Gilberto Beltrao
Top achievements
Rank 1
answered on 29 Apr 2010, 03:04 PM
I tried your code and it didn't work initially so I changed it to:

 

 

div.RadGrid .rgPager .rgInfoPart  
{  
    display: none; /* for hiding the text part */  
    font-size: 8px;  

...and it is working great now! Maybe it's because I'm placing all my styles at the MasterPage.

Dude, you'd just saved my skin today...

Thanks Princy!

 

 

Tags
Grid
Asked by
Gilberto Beltrao
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Gilberto Beltrao
Top achievements
Rank 1
Share this question
or