PagerStyle-Horizontal align not moving pager

7 posts, 0 answers
  1. Murali Bhattar
    Murali Bhattar avatar
    2 posts
    Member since:
    Jul 2009

    Posted 31 Jul 2009 Link to this post

    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
  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 31 Jul 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Murali Bhattar
    Murali Bhattar avatar
    2 posts
    Member since:
    Jul 2009

    Posted 03 Aug 2009 Link to this post

    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
      

  5. Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 03 Aug 2009 Link to this post

    Is there something overriding the style?  Have you tried

    div.PagerLeft_MyDefault

    {

    float: right !important;

    }

     

    div.PagerRight_MyDefault

    {

    clear: right !important;

    }


  6. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 05 Aug 2009 Link to this post

    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.
  7. Frank
    Frank avatar
    2 posts
    Member since:
    Oct 2012

    Posted 02 Jan 2015 in reply to Pavlina Link to this post

    That link doesn't work. Can you guys just reply with the solutions? Time is money.
  8. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 06 Jan 2015 Link to this post

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017