如何对齐右侧的Kendo Tab Strip标签?

时间:2013-05-23 17:15:39

标签: javascript jquery telerik kendo-ui

我第一次使用Kendo Tab Strip,我有一个带有两个标签的简单标签条。我想将它们排在标签条的右侧。我该如何做到这一点?

我的加价:

<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">

...标签上的东西                                   ...标签上的东西                 

我的Java脚本:

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:4)

您可以通过CSS执行此操作:

#tabStrip ul {
  text-align: right;
}

这是一个现场演示:http://jsbin.com/itumop/1/edit