right-to-left direction for TreeList pagerstyle

[Hatef]

how apply right-to-left direction for  pagerstyle of TreeList?

[Shinu]

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.

[Hatef]

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


Hatef
Thanks,

[Shinu]

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.

[Hatef]

Hi Shinu

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

Thanks,
Hatef.

[Tsvetina]

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