Tabs - align right

Simple question...

I have AW.UI.Tabs on my page, but I want it fixed to the right of my page rather than the left. I tried floating it off to the right, but the tabs have a lot of extra blank space within the outer span to the right of the tab buttons.

Is there a nice elegant way I can make them flow from the right instead of from the left?
September 18,
ok, right-aligned tabs -


#myTabs {
    width: 100%;

#myTabs .aw-list-template {
    position: absolute;
    right: 0px;
    padding-right: 4px;
    text-align: right;

#myTabs .aw-item-template {
    float: none;


    var obj = new AW.UI.Tabs;
    obj.setItemText(["Item1", "Item2", "Item3"]);

<div style="border-top:1px solid #ccc"></div>

Alex (ActiveWidgets)
September 18,
Thanks Alex.
September 19,

This topic is archived.

See also:

Back to support forum