1 Reply Latest reply on Aug 20, 2010 12:31 PM by hdave123

    flex 4 skin  how to set tree control corner radius..?

    Ling's Level 1

      hi .,

       

           i have using flex4 mx tree control to reduce the corner radius.

      application using tree control code...

       

      <mx:Tree   contentBackgroundColor="#FFFFFF"  id="folderTree" labelField="documentFolderName" dataProvider="{folderTreeArray}" itemClick="clcikchanged(event)" height="650" borderColor="#FFFFFF">        </mx:Tree>

       

      <fx:Style>
          @namespace s "library://ns.adobe.com/flex/spark";
          @namespace mx "library://ns.adobe.com/flex/halo";
          @namespace mx1 "library://ns.adobe.com/flex/mx";
           mx|Tree
          {
          border-skin: ClassReference('com.istmanagement.skins.Application.boaderskin');
          }
          </fx:Style>

       

      borderskin.mxml coding here...

       

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

       

      <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
          xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">

          <fx:Metadata>

      [HostComponent("spark.components.BorderContainer")]

      </fx:Metadata>

       

            
          <s:states>
              <s:State name="normal" />
              <s:State name="disabled" />
          </s:states>
         
            <s:Rect id="background"  left="0" right="0" top="0" bottom="0" >
              <s:fill>
                
                  <s:SolidColor id="bgFill" color="#FFFFFF"/>
              </s:fill>
          </s:Rect>
         
         
         <s:BorderContainer cornerRadius="8" width="255" height="650">
             

          </s:BorderContainer>
         
          <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0">
              <s:layout>
                  <s:BasicLayout/>
              </s:layout>
          </s:Group>

       

      </s:Skin>

       

       

      tree control corner radius is reduced to display., after i have using  <mx:HDividedBox > to drag this to override a tree control...

       

      how to solve this problem.,

       

       

      With Regards.,

      LinFlex-