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

[Gilberto Beltrao]

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!

[Princy]

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.

[Gilberto Beltrao]

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!