1 Reply Latest reply on Jan 6, 2009 7:34 AM by rtalton

    Spurious truncateToFit behavior when scaling TabNavigator

    x77686d Level 1
      On one of our Flex applications we use scaleX and scaleY at the application level to zoom in/out on the whole thing. That works pretty well except for one problem: there's a TabNavigator and we see spurious truncateToFit behavior on the tab labels, turning "Some Tab" into "Some T...", for example. I say it's spurious because scaling at 1.2 and 1.3 works, but at 1.25 we get the ellipses. I haven't investigated the root cause but I speculate it's a rounding issue of some sort.

      Does anybody know of a good way to get rid of the ellipses? I see that the IUITextField in Button does have truncateToFit but I'm not aware of a good way to get at it. (Could reflection be used?)

      Any suggestions would be welcome.
        • 1. Re: Spurious truncateToFit behavior when scaling TabNavigator
          rtalton Level 4
          I get this behavior, even without scaling! The only thing I've tried that works is to increase the padding in the Tabs themselves. You can access them through CSS, like:
          .tabNavigatorFirstTab
          {
          paddingLeft: 30;
          paddingRight: 30;
          }
          .tabNavigatorTab
          {
          paddingLeft: 20;
          paddingRight: 20;
          }
          .tabNavigatorLastTab
          {
          paddingLeft: 15;
          paddingRight: 15;
          }
          .tabNavigatorSelectedTabText
          {
          paddingLeft: 21;
          paddingRight: 21;
          }