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

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-

Did you every solve this issue?

Similar Messages

How to use Tree control like a Tree in SAP HANA Live Browser?

Hello SDN!
I need a Tree control such as following:
As I understand, there is no such standard control in SAPUI5 control library. Is it possible to use this control? If yes, how I can embed it in my app?
Regards,
Lev

Hi Sandip!
Thanks for your tip. I've applied this example to my app. Tree is working now, but this is a little problem - on each expand/collapse and click on treeItem the onAfterRendering() method called. It means that the complete rerender of tree executed which looks not good. How I can avoid this?
Lev

How to set UCS Locales using Radius/Tacacs+ Attributes

I know how to set a remotely authenticated/authorized users Role using the Radius av-pairs with UCS.
What Radius attribute/av-pair syntax is needed to set the users Locale within UCS?
I have tried shell:roles="role@locales" and shell:locales="locale name" with no success.

Something else to note:
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;}
Configuring locales to the user roles are not valid as these are global-system users:
-          aaa
-          admin
-          operations
Locales can be configured only with following user roles:
-          Network
-          Server-equipment
-          Server-profile
-          Server-security
-          Storage

How to set the control-on hierarchical tree nodes

Hi,
I have created form in which at the left it has hierarchical tree structure(BOM) and towards the right it brings up the query results for selected node.
Now, I have a button upon clicking which I navigate to the root node by issuing
"Ftree.set_Tree_selection(htree, 1, Ftree.select_on);".
But, it cannot automatically run the ' when-tree-node-selected' trigger '.
any solution???
Its really urgent.I have a customer demo on monday.
Please help me asap.
regards,
Nagadeep.

Hello Nagadeep,
couldn't you just put the code from the trigger into a procedure
and run that after the navigation to the item?
Just a thought,
Bernd
The docs state that:
No programmatic action will cause the When-Tree-Node-Selected trigger to fire. Only end-user action will generate an event.
Probably due to performance reasons.
Bernd
Message was edited by:
Bernd Prechtl

How to set tree max level in V4+ trees?

I have a tree and I want it to initally open up to level 3. (Not expand all). Previous to V4 you could set the attribute "Max Levels". How do you set this now? I assume it will be a dynamic action javascript call but what is the code?
thanks in advance
PaulP
Edited by: PaulP on Apr 5, 2012 11:13 PM
Edited by: PaulP on Apr 5, 2012 11:14 PM

I searched through the docs of jstree 0.9.9a2, which comes with apex 4+, and through apex.widget.tree, but couldn't find any function which does what you describe. However, it can be emulated fairly easily.
Add this code to the page javascript:
function resetAndOpenToLevel ( pTree, pMaxLevel ) {
   apex.jQuery.tree.reference(pTree).close_all();
   $("ul", pTree).each(function ( index ) {
      if ( $(this).parents("ul").length <= pMaxLevel ) {
         apex.jQuery.tree.reference(pTree).open_branch(this);
};When called this will open up the nodes of the given tree up to (and including) pMaxLevel.
For convenience, give your tree region a static ID.
For example,define a button which triggers a dynamic action with execute javascript code as true action:
resetAndOpenToLevel ( $("#my_tree_region_id div.tree"), 2) ;Would reset the tree, and then open nodes up to and including level 2.
You can try it out on my example tree page, where i included this code: http://apex.oracle.com/pls/apex/f?p=54687:38 There I'm using a global javascript variable to store a reference to the tree element rather than fetching it every time.

Save Labview tree Control to file and Load from file

I want to save all of the information from my Labview (8.2) tree control to a file and be able to read it back from a file and re-populate the tree control. I am using different symbols as well as multiple columns and level of children in my control. Does anyone have any suggestions on how to do this?
Thanks
Steve M.
Attachments:
tree pic.jpg ‏60 KB

Hi Steve,
I found a DF that talks about saving the tree to a spreadsheet file and have included it in this message. To get items from the tree control, you have to use open up the tree and remove all of the items off of that tree, while still preserving the heirarchy of the tree. The indent level property node will preserve the heirarchy of the tree and from there you can get the item tag and cell string.
To transfer the file to a tree, you will then need to read the file and insert items into the tree corresponding to the heirarchy. I have also found a tutorial on how to traverse tree controls.
I hope this helps.
Regards,
Nadim
Applications Engineering
National Instruments

How to Flex tree control using folder click event to pass coldfusion to get data from dynamiclly ?

Hi friends.........
Iam using flex tree control data coming from coldfusion file to display grid. As i click the tree folder to change the data from dynamic from grid.
How to pass the folder id from coldfusion file.. Is it possible ?.. Means give any example please....
Any One Help Me......
With Regards.,
Lingu.......

When you set the dataProvider for your tree control, you actually pass an array or arraycollection or whatever to that property. The array contains objects coming from your server, right? Each object should contain a property with the folder id, something like:
var arr:Array = [{id: 1, folderID: 34, name: "..."}, {id: 2, folderID: 4, name: "..."}, ...];
Now, when you click an item in your tree or your dataGrid, you can access the folder id by:
myTree.selectedItem.folderID
Hope this helps
Dany

How can I display and change built-in symbols of a tree control programmatically?

I want to set the built-in symbols of a tree control during runtime.
I only found an example to assign custom pictures but not how to select one of the 40 built-in symbol.
Many Thanks
Solved!
Go to Solution.

The ActiveItem.SymbolIndex will allow you to select the symbol for the active item. You can use the ListBox Symbol Ring Constant (Dialog and User Interface palette) to select a symbol (or you can just enter the number directly if you know what it is).
Message Edited by smercurio_fc on 07-10-2008 09:36 AM
Attachments:
Example_VI_BD6.png ‏2 KB

How can I save the all the values of a tree control ?

I have a problem, in run time, I adds new items on a tree control, but i don´t know how I can save the values of the child text of each item in a file.
Thanks.

I'm no expert on the tree control, but I made a small example to save all items to a textfile, including item tag, item string, and indent level. One drawback of this method is that it fully expands the tree regardless how the user left it. To go the other direction, you'd have to write a routine to go through the text file and programmatically build the tree.
To master the tree control, I think you have to resort to creating a control reference for it and using the Invoke Node to do some operations. For another approach to traversing and operating on a tree, check out the "Traversing Tree Controls and Setting Custom Symbols" (search the NI Developer Zone site).
Best of luck,
John
Attachments:
Save Tree Structure to Textfile.vi ‏32 KB

How to set multiple styles on a single component in flex ?

Hi ,
I would like to know how to set multiple styles on a single component in flex.
Can anyone give me an example as to how to set multiple styles for a single component ?
Thanks ,
Regards,
Ajantha

Hi tuliptaurus,
You can setStyleName property for chnaging the external css dynamically by using the setStyle() method ...
btn.setStyle("styleName","blendButtonSkinOther");
You can change the external css by using the styleaName property with setStyle method..the line in blue..where blendButtonSkinOther is another css class..
blendButtonSkin {
    fontFamily: Arial;
    fontSize: 11;
    color: #F1F1F1;
    textRollOverColor: #F1F1F1;
    textSelectedColor: #F1F1F1;
    horizontal-align:center;
    width:150;
    height:30;
    cornerRadius:5;
    upSkin:ClassReference('assets.skins.BlendButtonSkin');
    downSkin:ClassReference('assets.skins.BlendButtonSkin');
    overSkin:ClassReference('assets.skins.BlendButtonSkin');
    disabledSkin:ClassReference('assets.skins.BlendButtonSkin');
    selected-up-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-down-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-over-skin: ClassReference('assets.skins.BlendButtonSkin');
blendButtonSkinOther {
    fontFamily: Arial;
    fontSize: 11;
    color: #F1F1F1;
    textRollOverColor: #F1F1F1;
    textSelectedColor: #F1F1F1;
    horizontal-align:center;
    width:150;
    height:30;
    cornerRadius:5;
    upSkin:ClassReference('assets.skins.BlendButtonSkin');
    downSkin:ClassReference('assets.skins.BlendButtonSkin');
    overSkin:ClassReference('assets.skins.BlendButtonSkin');
    disabledSkin:ClassReference('assets.skins.BlendButtonSkin');
    selected-up-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-down-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-over-skin: ClassReference('assets.skins.BlendButtonSkin');
Thanks,
Bhasker Chari

How to get position of a ring in a tree control?

Ok, this is probably a stupid question, but how does one get the position of a ring inside of a tree control? I have a tree with two columns, with rings in the second column. I can set the position using SetTreeCellRingValueFromIndex(), but how does one get the position after the user has modified the control? I found the functions GetTreeCellRingIndexFromValue() and GetTreeCellRingValueFromIndex() but I haven't found a way to get either the Index or the Value of the ring (what I'm looking for is the index, but if I can obtain the value I can go from there). Thanks in advance!
Solved!
Go to Solution.

Hi,
You can use GetTableCellVal function to get the value of the ring.
There is not special "ring" function for that. Maybe that's what you were searching for
From the value you can get to the index using the functions you are already aware of.
Hope this helps,
S. Eren BALCI
www.aselsan.com.tr

Tree control - How to get the full path of selected Item in tree control

I am Flex newbie. When the user clicks the particular item in
the tree control I just wanted to get it name along with it's full
parent.
Here is my XML
var dirXML:XML=<root basename="/home/tcegrid">
<Directories>
<Dir Name=".autosave" />
<Dir Name=".emacs.d" />
<Dir Name="AnsysDistributed">
<Dir Name="opt"/>
<Dir Name="root" />
</Dir>
<Dir Name="postgres"/>
<Dir Name="FineTurbo"/>
<Directories>
</root>
The above XML is data provider for Tree control. When the
user clicks the Dir Name called opt. I wanted it absolute path in
XML. say Directories.Dir.Dir.@Name is opt
Can any one tell me how to get this?

"Thamizhannal" <[email protected]> wrote in
message
news:gam9q8$4es$[email protected]..
>I am Flex newbie. When the user clicks the particular
item in the tree
>control
> I just wanted to get it name along with it's full
parent.
> Here is my XML
> var dirXML:XML=<root basename="/home/tcegrid">
> <Directories>
> <Dir Name=".autosave" />
> <Dir Name=".emacs.d" />
> <Dir Name="AnsysDistributed">
> <Dir Name="opt"/>
> <Dir Name="root" />
> </Dir>
> <Dir Name="postgres"/>
> <Dir Name="FineTurbo"/>
> <Directories>
> </root>
>
> The above XML is data provider for Tree control. When
the user clicks the
> Dir
> Name called opt. I wanted it absolute path in XML. say
> Directories.Dir.Dir.@Name is opt
> Can any one tell me how to get this?
loop until the parent() property of the XML node is empty.
HTH;
Amy

How to set custom size of Close Button e.g. 32x32 of Title Window in Flex 4

How to set custom size of Close Button e.g. 32x32 of Title Window in Flex 4?

Hi
Here is the code of the Button in the skin class of spark title window.
<s:Button id="closeButton" skinClass="spark.skins.spark.TitleWindowCloseButtonSkin"
width="15" height="15" right="7" top="7" />
So first change the default height and width from 15 to 32. Then in the Button Skin class i.e. spark.skins.spark.TitleWindowCloseButtonSkin change paths to modify the cross symbol.
Hope this helps
Rush-me

How to search a tree control.

Hi all,
I just started learning Flash Builder not too long ago, quite a learning experience I have to say. I am a little lost and woul like some help from you guys.
I am trying to build a menu tree that will display and image and information about that image when the corresponding node is selected.
I also want to have the menu tree searchable, I looked at a few examples of tree controls to get some ideas but I keep hitting brickwalls left and right.
I started over few times trying to follow some of the examples. Right now, I only have the visual elements, please see the code below.
Thank you so much in advance.
Here's the code I have so far:
<?xml version="1.0" encoding="utf-8"?>
<mx: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="960" minHeight="560" backgroundColor="#FFFFFF" width="960" height="560">
<fx:Declarations>
</fx:Declarations>
<mx:HDividedBox y="80" height="415" x="25">
     <s:Panel x="20" y="95" width="240" height="415">
          <s:TextInput x="10" y="-25" height="20" contentBackgroundAlpha="1.0" borderAlpha="1.0" textAlign="left" fontWeight="normal" text="Search" focusColor="#70B2EE" fontSize="10" color="#646464"/>
          <mx:Tree id="tree"
                    x="10" y="5" width="220" height="370" borderVisible="false" color="#787878">
          </mx:Tree>
          <s:Button x="160" y="-25" label="Find" fontWeight="bold" fontSize="10"/>
     </s:Panel>
     <s:Panel x="275" y="95" width="660" height="415">
          <mx:SWFLoader id="swfLoader"
                           scaleContent="true"
               x="0" y="0" width="660" height="190"/>
          <mx:Text width="639" id="treeSelectedData"
                     height="169" x="9" y="203"/>
     </s:Panel>
</mx:HDividedBox>
</mx:Application>

You should take a look at the help documentation about the tree component. They have an example code at the bottom that shows how to load in data to the tree and how to perform actions when a node in the tree is selected. Below is a link to the help documentation on the tree component.
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/Tree.html?f ilter_flex=4.5.1&filter_flashplayer=10.3&filter_air=2.6

Flex tree control expanditem dynamically..?

Hi All.,
           I have using tree control using to display. when i pass the data with folder id dynamically to expanding particular child node of tree.
    How to extarct tree with dynamic...?
Below sample coding.....
<mx:tree id="folderTree" />
folderid=2618;
     callLater(expandTree, [folderid]);
     private function expandTree(folderid: Object) : void
                folderTree.expandChildrenOf(folderTree.getChildAt(0), true);
                folderTree.selectedItem = folderid;
but not extracting tree.
anyone help this problem
With Regards.,
Lings

Thanks buddy for the answer.
Unfortunately the answer came after quite long time of posting the message. Anyway I was able to open a tree on demand using HttpService and due to my new requirement I changed it to RemoteObject.
I my latest change I am able to populate tree nodes on demand and also the same solution if getting update from server via JMS using Consumer object.
I kind a like this solution because it took me good amount of effort to find the right solution.
If any one is intersted the he/she can reply to the post and I can provide code here or may at some location so that it can be easily downloaded.
The solution is Flex-Grails combination.
Thanks everybody.

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

Similar Messages

Maybe you are looking for