How to remove "Page Size" dropdown

[ksuh]

I do not want this combobox to appear.  How do I remove it?

[Shinu]

Hi Ksuh,

Try the following code snippet to achieve the desired scenario.

CS:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
    {

        if (e.Item is GridPagerItem)
        {
            GridPagerItem pager = (GridPagerItem)e.Item;
            RadComboBox PageSizeComboBox = (RadComboBox)pager.FindControl("PageSizeComboBox");
            PageSizeComboBox.Visible = false;
        }
    }

Shinu

[Daniel]

Hello Kwang,

You may easily remove it using CSS:

.rgAdvPart
{
    display: none;
}

Best regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[ksuh]

Fan-freaking-tastic.  Both solutions are total hacks.

I guess I'll have to wait another year for someone at Telerik to put in a "ShowPageSize" attribute.

[Daniel]

Hello Kwang,

We appreciate your opinion. Our developers will consider your idea to expose a  property as you suggested.

Best regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[ksuh]

I see that this is still not done for the latest release.  Is there an ETA for this?

[Dimo]

Hello Kwang,

The PagerStyle Modes, which are available out-of-the-box, offer predefined pager layout and content. We have evaluated your request, but I am afraid we do not intend to introduce properties to further customize these predefined pager modes. In order to hide the combobox, please use the one of the approaches provided above or customize the pager, according to the online examples and help articles:

Pager Template Demo
Pager Template Help Article

Programmatic Pager Customization Demo
Programmatic Pager Customization Help Article


Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Grendizer]

Hello Daniel,

It would have be nice to have each pager block of the Advanced Part to get identified by a specific className.

Sure by doing

.rgAdvPart { display: none; }

We would hide the Page Size drop down, but in NextPrevNumericAndAdvanced mode, the page navigator would also get hidden.

Now we can't simply hide the desired part because if you try to do

.rgPager .rgAdvPart .rgPagerLabel,
.rgPager .rgAdvPart .rgPagerButton
{
    display: none;
}

both content would get hidden.

Ok I can still use a Pager Template but it would require to go through all my grids ...
and what I what is just o hide this page size stuff :-(

Any feedback on that would be appreciated.

Thanks.

[Dimo]

Hi Grendizer,

Actually the RadGrid pager has a unique CSS class, which corresponds to the Pager Mode. So in order to hide the RadComboBox and its label only in the NextPrevAndNumeric pager mode, you can use:

.NextPrevAndNumeric  .rgAdvPart { display: none; }


Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Grendizer]

Hello Dimo,

Thanks for your quick update.

I'm sorry if I was not clear enough but my issue is not related to a specific mode ... in fact, my issue is more about dealing with content of this rgAdvPart element.

I would like to hide the Page Size block but to keep the Page Goto block, and by doing it with provided CSS  would hide everything.

Thanks.

Seb

[Dimo]

Hello Grendizer,

Now I see. Well, in order to accomplish that, you must use a programmatic approach and set Visible="false" to the following controls:

ChangePageSizeLabel
ChangePageSizeTextBox
ChangePageSizeLinkButton

(these are the IDs which can be used by the FindControl method)


Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Grendizer]

Thanks for your quick update.

Do you have any pattern to do this globally once for all grids or do I have to do it for every instance of the grid ?!

If I have to do it for every grids, is it much appropriate than doing a custom pager template based on existing one ?!

Regards.

[Dimo]

Hi Grendizer,

Since the customization has to be carried out at runtime, naturally, it has to be implemented for every RadGrid control. In this case (re)using a pager template is better.

Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Grendizer]

Dimo,

Thanks for your support, I'll try to handle it this way.

Regards.

[Mink]

Hi Dimo,

I can understand your position on having a couple of predefined PagerStyle Modes on one hand and the possibility of defining your own pager template on the other. However, making a template that is for example exactly the same as NextPrevAndNumeric but only without the page size controls seems a bit to much work for such a simple wish.

Now if you'd want something done as simple as that you could of course use the css trick .rgAdvPart{ display:none;} as described by Daniel, but as other pointed out such a simple solution does not work for other slightly more complicated situations.
For me, I wouldn't expect NextPrevAndNumeric to contain something "advanced" such as the ability to choose the page size, since there is also the NextPrevNumericAndAdvanced mode. I would say that the difference between both is the advanced part and seeing as choosing the page size is advanced it should be part of the none-advanced NextPrevAndNumeric.

Maybe a good in between solution would be to offer a few more out-of-the-box PagerStyle Modes. For example one that's exactly like NextPrevAndNumeric but without the page size choosing bit.

Regards,

Mink

[Dimo]

Hi Mink,

Thank you for sharing your opinion. We might consider adding more pager modes in the future.

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jeff Reinhardt]

In the ItemCreated this works to hide the Page Size Combo:

 

if

 

(e.Item is GridPagerItem)

 

{

 

GridPagerItem pagerItem = (GridPagerItem)e.Item;

 

 

RadComboBox PageSizeComboBox = (RadComboBox)pagerItem.FindControl("PageSizeComboBox");

 

PageSizeComboBox.Visible =

false;

 

}

but the LABEL is still there.     Page Size:     sitting there in the header and footer of the grid.

How can I remove it?

[Princy]

Hello Jeff,

The PageSize label can be accessed by using its Control id, which is, ChangePageSizeLabel  and passing the id over in the FindControl method. take a look at the code below:
c#:

 protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
        if(e.Item is GridPagerItem)
        {
            GridPagerItem pagerItem = (GridPagerItem)e.Item;
            RadComboBox PageSizeComboBox = (RadComboBox)pagerItem.FindControl("PageSizeComboBox");
            PageSizeComboBox.Visible = false;
            Label changePageSizelbl = (Label)pagerItem.FindControl("ChangePageSizeLabel");
            changePageSizelbl.Visible = false;
        }
    }

Thanks
Princy.

[Waqas Akram]

That's cool... Works for us... Thanks for the post

[skysailor]

Hi,
Supporting a fixed set of modes with layouts is fine. It would be nice to have more of these modes though. The thing that annoyed me is that between versions you added a new control to an existing layout. You should have create a new mode for the new controls (page size). This has made existing code not work as designed. You should avoid these breaking changes where possible.
Clayton

[Rebecca Rasmussen]

"between versions you added a new control to an existing layout. ... [please also] create a new mode for the new controls (page size)" 

I second this concept. I recently upgraded to 2009 q3 from a 2008 version, and voila, now I'm having to go in a remove the new page control from the pager in all of my grids (because we have a single page-size control in our footer that affects all grids in our application as our users wanted to be able to set this once and be done).

Very painful!

It would be swell if when you add a new control to an existing item you also make it very easy to hide for those that are happy with the existing layout and do not want to utilize the new control. :)

[Dimo]

Hello Rebecca,

The easiest way to remove the dropdown is with a CSS rule:

.NextPrevAndNumeric  .rgAdvPart { display: none; }

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[skysailor]

Hi,
The point here is not how to implement a work around. But that you should not make breaking changes when not absolutely necessary.
Clayton

[Toby]

Just to say I completely agree with ksuh, there should just be a property whether to show the pagesize combo or not, which is how it is done on most of grid controls. Its not like its something that is going to be complicated to add for the developers either.

thanks
Toby

[Neil]

This feature appeared out of nowhere, and is stuck (unless you hack it off).  Why is Telerik so against giving a more legit solution to not show the Change Page Size drop down?!!   It doesn't always work anyway. 

You've already told us there's a CSS and code-behind way to "remove" it.   So please stop repetitively posting it like it's what we've been asking for.

[Dimo]

Hello Neil,

We understand that the predefined pager layouts may not suite all scenarios and developers, but our goal is to keep them as simple (in terms of configuration and implementation) as possible.

Greetings,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Manuel Romero]

Having controls cluttered with features that cannot easily be turned off with properties does not make them "simple". It makes them harder to work with.

[Peter]

Is this fixed yet?

I should be be able to hide the Page Size combo box with either a PagerStyle or MasterTableView setting.

[Richard]

Peter:

This was not a bug in RadGrid, so it did not require fixing.

Here's the method that can be used for hiding the PageSize combo box  and the associated label:

    protected void RadGrid1_ItemDataBound1(object sender, GridItemEventArgs e)
    {

        if (e.Item is GridPagerItem)
        {
            GridPagerItem pager = (GridPagerItem)e.Item;
            Label lbl = (Label)pager.FindControl("ChangePageSizeLabel");
            lbl.Visible = false;

            RadComboBox combo = (RadComboBox)pager.FindControl("PageSizeComboBox");
            combo.Visible = false;
        }

    }

}

More detail is available in this forum thread.

Hope this helps!

[ksuh]

Well I guess this "feature" is still bothering a lot of people.

It is not a bug.  However, it was an unexpected change in behaviour that some people, including myself, found no use for when the current previous implementation was the one that was wanted.

Your solution is a hack.  I have around 30 grids I have to apply this "fix" for.  It is a maintenance annoyance, not to mention that this needs to be done every new grid that gets created. 

[Tsvetina]

Hi,

If you have a lot of grids and you want all of them to not display the dropdown, why not use the CSS rule suggested in one of the previous posts by Dimo:

.NextPrevAndNumeric  .rgAdvPart { display: none; }

You only add it once in your page's stylesheets and you do not need to do anything else to hide the page size combo in the numerous grids.

If needed, you could make the selector(s) even more specific, so that the rule does not hide other controls if you are allowing the user to switch modes.

Greetings,
Tsvetina
the Telerik team

[ksuh]

Because the combobox is still rendered, that's why!

[Tsvetina]

Hello,

Other options are to declare a pager template as per your requirements and reuse it in the different grids, or if all your grids are identical, you can have a user control with the grid declaration and reuse it instead of adding the code-behind to hide the grid in each page.
Anyway, if you would like this, you can submit a Feature Request through the ticketing system and post your requirement to our developement team there, so that they can again consider it or add it to PITS for voting by the community.

Greetings,
Tsvetina
the Telerik team

[Bill]

I see 2 solutions posted...one uses the ItemCreated method and one uses the ItemDataBound method.
Do both work or is one the correct one to use?

I also want to support some of the previous posts in that this type of simple behavior (to hide a Page Size dropdown) should be provided without the need to do coding using the controls names.  Will Telerik guarantee that these control names and property names will NEVER change????

And if this Page Size was added to an existing pager-style, then I also have to agree with the previous posts that this is completely unacceptable side-affect behavior. 

Thank you

[Shinu]

Hi,

You can access the pager controls in either ItemCreated or ItemDataBound event by using the ID's of the controls in the pager depending on each mode. Also check the following help documentation for more details.
Accessing the Elements of Advanced Type Pager

Thanks,
Shinu

[Bill]

Thanks.
I have this asp defining the type of pager as PagerStyle Mode="NextPrevNumericAndAdvanced"
I have put this in the code behind

 

protected void gridAgreementList_ItemDataBound(object sender, GridItemEventArgs e)

 

{

 

if (e.Item is GridPagerItem)

 

{

 

GridPagerItem pager = (GridPagerItem)e.Item;

 

 

Label lbl = (Label)pager.FindControl("ChangePageSizeLabel");

 

lbl.Visible =

false;

 

 

RadComboBox combo = (RadComboBox)pager.FindControl("PageSizeComboBox");

 

combo.Visible =

false;

 

}

}

And while the lvl.visible seems to work fine, the combo.visible line of code throws an exception "Object reference not set to an instance of an object."

That seems to mean it was not finding the control.

Any ideas?

[Bill]

Further info for my previous post

here is the version of radgrid

<%

@ Register Assembly="Telerik.Web.UI, Version=2011.1.413.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

 

 

Namespace="Telerik.Web.UI" TagPrefix="rad" %>

 

And I have confirmed that the statement

    RadComboBox

 

combo = (RadComboBox)pager.FindControl("PageSizeComboBox");
is indeed returning null.  So there is no control with the name PageSizeComboBox.

[Shinu]

Hi,

The PageSizeComboBox will be rendered only when the mode is NextPrevAndNumeric. Since the control is not rendered in NextPrevNumericAndAdvanced mode, the combobox will be null. Hope this helps.

Thanks,
Shinu

[Bill]

Why are you saying my mode is not set right when I said in my post specifically:
    "I have this asp defining the type of pager as PagerStyle Mode="NextPrevNumericAndAdvanced""

Am I misreading something or are you?

Boy this process of 1 answer per day is frustrating especially when I post all the info I think you need and get an answer that doesn't take into account the info i provided. Sorry for sounding miffed but I am.  I don't mind if folks get things wrong (obviously I am doing something wrong myself) when we are chatting, but when turnaround time with this process is 1 day, you have to be careful to take the time to read all the post and understand it.

Is there a way to get faster (immediate) help as a licensed user of the product?

If it helps, here is the asp code:

<

 

rad:RadGrid ID="gridAgreementList" runat="server" Width="99%"

 

 

AutoGenerateColumns="False" EnableLinqExpressions="false"

 

 

Skin="Windows7" PageSize="10" AllowSorting="True" GridLines="Horizontal" CellPadding="0"

 

 

SortingSettings-EnableSkinSortStyles="false"

 

 

SortingSettings-SortedAscToolTip="<%$ Resources:UIText, SortedAscToolTip %>"

 

 

SortingSettings-SortedDescToolTip="<%$ Resources:UIText, SortedDescToolTip %>"

 

 

SortingSettings-SortToolTip="<%$ Resources:UIText, SortToolTip %>"

 

 

OnPageIndexChanged="gridAgreementList_PageIndexChanged" OnPageSizeChanged="gridAgreementList_PageSizeChanged"

 

 

OnSortCommand="gridAgreementList_SortCommand"

 

 

onitemdatabound="gridAgreementList_ItemDataBound">

 

 

<PagerStyle Mode="NextPrevNumericAndAdvanced" CssClass="quotePager" Position="TopAndBottom" HorizontalAlign="Center" />

 

[Pavlina]

Hello,

As Shinu said PageSizeComboBox will be rendered only when the mode is NextPrevAndNumeric. Note that when PagerStyle.Mode is NextPrevNumericAndAdvanced as it is in your case in the grid pager there is no ComboBox control. Therefore when you try to find it you receive - Object reference not set to an instance of an object error.

Greetings,
Pavlina
the Telerik team

[Bill]

According to http://www.telerik.com/help/aspnet-ajax/grid-pageritem.html, when the mode is NextPrevNumericAndAdvanced, there is a Page Size box.  I want to hide that control and its label. How can I do that?

[Bill]

I have solved this.  Feel free to let me know if there is something not done properly.

 protected void gridAgreementList_ItemCreated(object sender, GridItemEventArgs e)
   {
      if (e.Item is GridPagerItem)
 
         // Hide controls related to the page size of the grid (i.e. # of rows to display)
         {
            Label changePageSizeLabel = (Label)e.Item.FindControl("ChangePageSizeLabel");
            changePageSizeLabel.Visible = false;

            Button changePageSizeLinkButton = (Button)e.Item.FindControl("ChangePageSizeLinkButton");
            changePageSizeLinkButton.Visible = false;

            RadNumericTextBox changePageSizeText = (RadNumericTextBox)e.Item.FindControl("ChangePageSizeTextBox");
            changePageSizeText.Visible = false;
         }
      }

[he]

<PagerStyle ... PageSizeControlType="None"... />

[FIT Bilgi islem Sistemleri Servis]

he, your solution

<PagerStyle PageSizeControlType="None" />

worked perfectly for me, thanks.

[Anders]

If a solution of getting rid of the combobox is to hide it with css tricks (using css selectors that may change in the future) or remove it manually in code behinds (with a method that may not work in the future) instead of never have the combobox added to the element hierarchy in the first place the solution is a hack.

Cant we just agree about that?