1 Reply Latest reply: Apr 8, 2013 11:18 PM by huangxinghui RSS

    TabNavigator Label shows problem in chrome

    huangxinghui

      SDK: flexsdk3.5

      Browser: chrome Version 26.0.1410.43 m

      Flash: flash player Version 11,6,602,180

       

      when i set tab sytle (fontFamily: Arial;fontSize: 12px;), then set '→' to the label , it shows good in ie and firefox, but not in chrome

       

      here is the code:

       

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
       <mx:Style>
        TabNavigator {
         tabStyleName: "myTabs";
        }
        .myTabs {
         fontFamily: Arial;
         fontSize: 12px;
        }
       </mx:Style>
      
       <mx:TabNavigator id="tn"  width="100%" height="100%">
        <!-- Define each panel using a VBox container. -->
        
        <mx:VBox label="Panel1→Panel2">
         <mx:Label text="TabNavigator container panel 1"/>
        </mx:VBox>
        
        <mx:VBox label="Panel 2">
         <mx:Label text="TabNavigator container panel 2"/>
        </mx:VBox>
       </mx:TabNavigator>
        
      </mx:Application>
      
      

       

      the screenshot:

       

      Unnamed.jpg

       

      when i set fontSize to 11, then it is right.

       

      How to solve this. Thank you for any helps.

       

      Best regards. Huang