Loading ...
Sorry, an error occurred while loading the content.

Re: [ydn-javascript] Right-aligned tabs?

Expand Messages
  • Matt Sweeney
    ... Hi, Except for orientation , TabView styling is done via CSS. To right align, set the text-align on the tab container (.yui-nav) to right (or center
    Message 1 of 2 , Mar 29, 2007
    • 0 Attachment
      wobbet wrote:
      > Is it possible using the tab control to have some of the tabs on the
      > right side of the tab and others on the left?
      >
      > I would like to have the most commonly used features as tabs on the
      > left side of my screen and uncommonly used features standing all by
      > their lonesome on the right side of the screen but have them all be
      > part of a single Tab control.
      >
      > Home|Offices|Reports|Help.................MyAcct|Admin
      >
      > Is that doable w/ the tab control as-is?
      >
      > Many thanks!
      >
      > rjsjr
      >
      >
      >
      Hi,

      Except for "orientation", TabView styling is done via CSS.

      To right align, set the "text-align" on the tab container (.yui-nav) to
      "right" (or "center" for centered tabs). You can reverse the margins by
      overriding the current LI margins.

      Something like:

      .yui-nav {
      text-align:right;
      }

      .yui-nav li {
      margin: 0 0 0 0.5em;
      }


      Matt
    Your message has been successfully submitted and would be delivered to recipients shortly.