[Solved] Customizing TabStrip from Right to Left.

[Sasikanth KS]

Hi,
  Is there any way to configureTabStrip from right to left instead of left to right.

Thanks
--Sasi

[Alex Gyoshev]

Hi Sasikanth,

You can use the attached telerik.common.css and add to the tabstrip declaration the following CSS class:

            .HtmlAttributes(new {
                @class = "t-tabstrip-rtl"
            })

Sincerely yours,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Sasikanth KS]

Hi,

Thanks for the reply, please check the screenshot what I am exactly look for, the tab should render from right side, the attached css is only rendering the tabs in the right to left at the left hand side but it should render at right side.

Thanks,
--Sasi

[Alex Gyoshev]

Hi Sasikanth,

If you don't need RTL support, this simple CSS should be enough:

.t-tabstrip .t-reset { text-align: right; }

Kind regards,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Sasikanth KS]

Hi,

Thanks, it is working.

Thanks,
--Sasi