2 Replies Latest reply on Aug 25, 2010 2:42 AM by Flex Rock

    TabNavigator Border

    Flex Rock Level 1

      Hi,

       

      I am new to flex.I need to set the border of tabNavigator.Once i set it is taking upto the tabnavigator header.Others remains blank.

      I have attached a image you can check that.

       

      Image2.

      TabNavigatorOriginal.JPG

        

      Image2.

      TabNavigatorToModify.JPG

       

      I need to change image2 to image1.How to do that.Please give me a code or sample.

       

      Regards,

      Jayagopal.

        • 1. Re: TabNavigator Border
          BhaskerChari Level 4

          Hi Jayagopal,

           

          Hope this is what you need....Please check this code below and let me know...

           

          Just apply the css for your TabNavigator tabs..

           

          <?xml version="1.0"?>
          <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
          <mx:Style>
             TabNavigator {
                 tabStyleName:myTabStyle;
              }
               .myTabStyle {
                 fillColors: #006699, #cccc66;
                 border-color:#FF0000;
              }
            </mx:Style>

              <mx:Panel title="TabNavigator Container" height="90%" width="90%"
                  paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

                  <mx:Label width="100%" color="blue"
                      text="Select the tabs to change the panel."/>

                  <mx:TabNavigator id="tn"  width="100%" height="100%" borderStyle="solid" borderColor="red">
                      <!-- Define each panel using a VBox container. -->

                      <mx:VBox label="Panel 1">
                          <mx:Label text="TabNavigator container panel 1"/>
                      </mx:VBox>

                      <mx:VBox label="Panel 2">
                          <mx:Label text="TabNavigator container panel 2"/>
                      </mx:VBox>

                      <mx:VBox label="Panel 3">
                          <mx:Label text="TabNavigator container panel 3"/>
                      </mx:VBox>
                  </mx:TabNavigator>
              </mx:Panel>
          </mx:Application>

           

           

          Thanks,

          Bhasker

          1 person found this helpful
          • 2. Re: TabNavigator Border
            Flex Rock Level 1

            Hi Bhasker,

                            It hepled me solve my problem.Thanks for your reply.

            Thanks & Regards,

            Jayagopal.