CODEWITHSUNDEEP
javascriptjquerytelerikkendo-ui
Rodney Hickman
Rodney Hickman

Reputation: 3143

How to align Kendo Tab Strip tabs on the right?

I'm using the Kendo Tab Strip for the first time and I have a simple tab strip with two tabs. I want to allign them on the right side of the tab strip. How would I accomplish this?

My mark-up:

<div id="tabStrip" class="assignment-portal-tab-strip">
    <ul>
        <li class="k-state-active">
            Provider Contacts
        </li>
        <li>
            Vendor Contacts
        </li>
    </ul>
    <div class="tab-container">

... Stuff on tab ... Stuff on tab

My Java Script:

$("#tabStrip").kendoTabStrip({
    animation: { 
        close: {
        effects: "fadeOut"
        },
        open: {
        effects: "fadeIn"
        }
    }
});

Any Help would be greatly appreciated.

Upvotes: 1

Views: 2881

Answers (1)

Atanas Korchev
Atanas Korchev

Reputation: 30671

You can do this via CSS:

#tabStrip ul {
  text-align: right;
}

Here is a live demo: http://jsbin.com/itumop/1/edit

Upvotes: 4

Related Questions