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

    Rounded tabs using TabNavigator

    dsNYC76 Level 1

      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:s="library://ns.adobe.com/flex/spark"

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

            <fx:Declarations>

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

            </fx:Declarations>

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

       

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

            tabStyleName="tabstyle">

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

            </s:NavigatorContent>

            </mx:TabNavigator>

          </s:Application>

       

          /* CSS file */

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

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

       

       

          .tabstyle

          {

            cornerRadius: 10;

          }