PagerStyle-Horizontal align not moving pager

[Murali Bhattar]

Hello

  I am using RadGrid in our application, i am having issue with the Pager Style it is not align to the Right, it is defaulting to the left. I am using the latest Telerik.Web.UI.dll.  Here is the code as bellow:

<PagerStyle HorizontalAlign="Right" Position="Bottom" VerticalAlign="Middle" Mode="NumericPages">

</PagerStyle>

Thank you

Murali

[Pavlina]

Hello Murali,

For more information about how to align RadGrid pager to right, please review the following forum post which discusses pager style.
Right alignment Paging

Regards,
Pavlina
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.

[Murali Bhattar]

Hi Pavlina 
  
 After Adding the CSS Still i have the same issue with the Pager, it is aligning to left insted of right.

div.PagerLeft_MyDefault

{

float: right;

}

 

div.PagerRight_MyDefault

{

clear: right;

}

Thank you
Murali
  

[sitefinitysteve]

Is there something overriding the style?  Have you tried

div.PagerLeft_MyDefault

{

float: right !important;

}

 

div.PagerRight_MyDefault

{

clear: right !important;

}

[Pavlina]

Hello Steve,

Please review the following blog post for more information about how to override Styles in a RadControl for ASP.NET AJAX Embedded Skin:
http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx

Kind regards,
Pavlina
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.

[Frank]

That link doesn't work. Can you guys just reply with the solutions? Time is money.

[Pavlina]

Hello,

You can try with the CSS code snippet below:

.RadGrid_Default .rgPager div
{
    width:auto;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgAdvPart
{
    display:none;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgWrap,
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgNumPart a,
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgNumPart a span
{
    float:none;
    display:inline;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgAdvPart
{
    display:none;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgInfoPart
{
    display:block;
}

Another option would be to specify a pager template for your RadGrid, as shown in this help article:
http://www.telerik.com/help/aspnet-ajax/grid-setting-pagertemplate.html
​
Regards,
Pavlina
Telerik