1 Reply Latest reply on Oct 20, 2011 9:40 PM by highlightscript

    Rounded tabs using TabNavigator


      I'm fairly new with Flex.  I'm simply trying to make the tabs of my TabNavigator have rounded corners.  I have tried the following with no luck.  Any ideas.  Symple styling tasks seem so much more complicated in 4.5 than 3.0.


          <?xml version="1.0" encoding="utf-8"?>

          <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"


                            xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">


            <!-- Place non-visual elements (e.g., services, value objects) here -->


            <fx:Style source="style.css"/>


                <mx:TabNavigator x="93" y="78" width="571" height="305" selectedTabTextStyleName="tabstyle"


            <s:NavigatorContent width="100%" height="100%" label="Tab 1">





          /* CSS file */

          @namespace s "library://ns.adobe.com/flex/spark";

          @namespace mx "library://ns.adobe.com/flex/mx";





            cornerRadius: 10;