right-to-left direction for TreeList pagerstyle

6 posts, 0 answers
  1. Hatef
    Hatef avatar
    3 posts
    Member since:
    Apr 2012

    Posted 14 Apr 2012 Link to this post

    how apply right-to-left direction for  pagerstyle of TreeList?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Apr 2012 Link to this post

    Hi Hatef,

    I suppose you want to align the pager to right. If so please try the following css.

    CSS:
    <style type="text/css">
     .RadTreeList .rtlPager .rtlWrap
       {
         float: right !important;
         padding: 0 10px !important;
       }
    </style>

    If you want to change the direction to rtl please try the following css.

    CSS:
    <style type="text/css">
     .RadTreeList .rtlPager .rtlWrap
       {
         direction:rtl !important;
       }
    </style>

    Thanks,
    -Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Hatef
    Hatef avatar
    3 posts
    Member since:
    Apr 2012

    Posted 21 Apr 2012 Link to this post

    thank's for your answer
    it worked but not apply for image on navigation button (first page, last page, ...).


    Hatef
    Thanks,
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Apr 2012 Link to this post

    Hi Hatef,

    I tried the following code and its working for me as expected.

    ASPX:
    <telerik:RadTreeList ID="RadTreeList1" runat="server" AutoGenerateColumns="true" Height="500px" PagerStyle-Mode="NextPrevNumericAndAdvanced" DataSourceID="SqlDataSource1" AllowMultiItemEdit="true" DataKeyNames="id" AllowPaging="true"  ParentDataKeyNames="parent" >
    ....
    </telerik:RadTreeList>

    CSS:
    <style type="text/css">
      .RadTreeList .rtlPager .rtlWrap
       {
         direction:rtl !important;   
         float: right !important;
         padding: 0 10px !important;
       }
    </style>

    Please take a look into the attached image.
    Also please give a screenshot of your requirement if it doesn't helps.

    Thanks,
    Shinu.
  6. Hatef
    Hatef avatar
    3 posts
    Member since:
    Apr 2012

    Posted 23 Apr 2012 Link to this post

    Hi Shinu

    please view screenshot of my requirement (correct_screenshot.jpg).

    Thanks,
    Hatef.
  7. Tsvetina
    Admin
    Tsvetina avatar
    1876 posts

    Posted 26 Apr 2012 Link to this post

    Hello Hatef,

    This cannot be fixed using only styles. I would advise you to better specify your own pager template that follows the layout requirements that you have.

    Kind regards,
    Tsvetina
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017