2 Replies Latest reply on Dec 2, 2009 6:50 AM by Tab Name truncated

    Text in tab buttons of tabNavigator not shown completely

    Tab Name truncated


       

      --------------------------------------------------------------------------------

       

      Hi All,
      I am creating children of TabNavigator at runtime.
      I have applied a css that sets the tab styles.
      When css is used, the text in tab buttons (tab title) is truncated and shows 3 dots (...) at the end.

       

      Here is the sample code.
      In MXML,
      <mx:TabNavigator tyleName="tabNavigatorStyle />

       

      and in css,

       

      Application
      {
      fontFamily: Arial;
      fontSize: 11;
      }

       

      .tabNavigatorStyle
      {
      tabStyleName: "tabStyle";
      selectedTabTextStyleName: "activeTabStyle";
      }

       

      .tabStyle
      {
      backgroundColor: #D234FE;
      }

       

      .activeTabStyle
      {
      fontWeight: bold;
      }