RadGrid Slider control&text same line

[ajenski]

Hello,

Is there a way to have a RadGrid slider pagination control have its control and text on the same line.  With PagerStyle  Mode="Slider" I am getting the 'Page: X out of Y pages" text under the slider control - which works fine - Ideally I'd like to occupy less vertical space by having this same text but instead to the right of the slider...

Thanks in advance!

C#, VS2008, latest asp.net telerik libs

[Princy]

Hi,

Try out the following code to access the slider and place it in the panel that holds the pager text for the pager row:
cs:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridPagerItem)
        {
            GridPagerItem pager = (GridPagerItem)e.Item;
            //access the slider
            RadSlider slider = (RadSlider)pager.Controls[0].Controls[1];
            //Add the slider to the panel containing the pager text
            ((System.Web.UI.WebControls.Panel)(pager.Controls[0].Controls[0])).Controls.Add(slider);

       }
    }

Thanks
Princy.

[ajenski]

Thanks for the quick response.  That worked.  I added this to the RadGrid settings

 <ClientSettings ClientMessages-PagerTooltipFormatString="&nbsp;Displaying Page {0} of {1}" />

in order to give some space between the slider control and the text displaying to the right of the slider.

Is it possible to put an  export as.. Excel button in this same pager area? (if so how)

thanks again!

[Princy]

Hello,

You can either try out the following code to add a button in the pager row:
cs:

  protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
         if (e.Item is GridPagerItem)
            {
                Button btn = new Button();
                btn.ID = "Button1";
                btn.Text = "Export";
                btn.Click += new EventHandler(btn_Click);
                GridPagerItem pager = (GridPagerItem)e.Item;
                RadSlider slider = (RadSlider)pager.Controls[0].Controls[1];
                ((System.Web.UI.WebControls.Panel)(pager.Controls[0].Controls[0])).Controls.Add(slider);
                ((System.Web.UI.WebControls.Panel)(pager.Controls[0].Controls[0])).Controls.Add(btn);
            }


    }

   protected void btn_Click(object sender, EventArgs e)
    {
       //code to export
    }

(OR) You can use a PagerTemplate wherein you can add a RadSlider, button or any other control. Refer to the following demo which shows an example using PagerTemplate:
Pager template

Thanks
Princy.