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

3 posts, 0 answers
  1. Gilberto Beltrao
    Gilberto Beltrao avatar
    7 posts
    Member since:
    Feb 2010

    Posted 28 Apr 2010 Link to this post

    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. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Apr 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Gilberto Beltrao
    Gilberto Beltrao avatar
    7 posts
    Member since:
    Feb 2010

    Posted 29 Apr 2010 Link to this post

    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!

     

     

Back to Top