This is a migrated thread and some comments may be shown as answers.

PagerStyle-Horizontal align not moving pager

6 Answers 166 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Murali Bhattar
Top achievements
Rank 1
Murali Bhattar asked on 31 Jul 2009, 12:29 PM
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

6 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 31 Jul 2009, 01:01 PM
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.
0
Murali Bhattar
Top achievements
Rank 1
answered on 03 Aug 2009, 12:44 PM
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
  

0
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
answered on 04 Aug 2009, 12:19 AM
Is there something overriding the style?  Have you tried

div.PagerLeft_MyDefault

{

float: right !important;

}

 

div.PagerRight_MyDefault

{

clear: right !important;

}


0
Pavlina
Telerik team
answered on 05 Aug 2009, 05:24 PM
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.
0
Frank
Top achievements
Rank 1
answered on 02 Jan 2015, 05:43 PM
That link doesn't work. Can you guys just reply with the solutions? Time is money.
0
Pavlina
Telerik team
answered on 06 Jan 2015, 03:39 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
Murali Bhattar
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Murali Bhattar
Top achievements
Rank 1
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
Frank
Top achievements
Rank 1
Share this question
or