Tree icon

How can i change the tree icon with icons from file. I have
all the countries flags in a folder and i want to use them as icons
in the tree with the countries. I can't import them in the library
because they are too big. How can i do this ?
Please Help
TKS

Are they gif or jpg images? What do you mean they are too
big? Filesize or image size? Either way it makes sense to make them
smaller (using image editing software - e.g. fireworks) even if you
were to load them in separately at runtime.
I can't think of an easy way to do what you're asking.
-You can set the icon as a library symbol for each node in
the tree.
-It would be easy enough to create a library item for the
icon to load in external images after it is attached. But in order
for this to work, each icon instance in the tree would need to be
passed the image URL as a parameter at the attachMovie point inside
the component and I can't see an easy way to do that.
-You have iconFunction and iconField properties inherited
from the list class and setIcon method as part of the tree class.
But I can't see a way to pass an initialisation object for the icon
as it is attached in the tree, which is what you would need.
Perhaps I have missed something, but I think you might have
to (resize them and) put them in the library, and used iconField or
iconFunction (I don't know how/if iconField works with an xml
dataprovider... I assume it checks an attribute of the node)

Similar Messages

How to make the navigation tree icon in an advanced datagrid to expand in different columns

Hi All ,
I am using an application built using Flex 3 .
In my application I am using an AdvancedDataGrid for datadisplay.
And the hierachy is like this
Tree structure in advanced datagrid at present :
Header 1
Header 2
Header 3
Header 4
Header 5
Parent Tree
   Expanded1
      Expanded2
          Expanded3
                 ParentTree
Expanded1
Expanded2
Expanded3
value
Expected tree structure in advanced datagrid :
Header 1
Header 2
Header 3
Header 4
Header 5
ParentTree
Expanded1
Expanded2
Expanded3
value
can someone tell me if this is possible in advanced data grid and if possible please let me know how do i expand the tree icons in seperate columns ...
Thanks ,
Ajantha

Hi,
you can check the view source of html and check the onclick code written on that plus sign(Expand All), just copy that onclick javascript code and put it on page javascript event.
Thanks,
Jaydip Bosamiya
+91-76000 23053
http://jbosamiya.blogspot.com

af:tree Icons Customization

I am working on JDeveloper 10.1.3.3.0. I have tried to change the appearance of the <af:tree> component in my bilingual application. When I am running on Left-to-Right locale, the changes are reflexed normally, but when I run on Right-to-Left locale, every style class in my custom style sheet is applied except the custom icons of the tree nodes, and instead of those, the default ones appear. While if I turn back to Left-to-Right, my custom tree icons appear.
Is there any logical explanation? I have tried to clear the cache from the browser, remove the temporary adf cache styles but nothing.

Hi,
there is no explanation other than mis-confoguration or a bug
Frank

Deleting Palm Tree Icon - Missing Photos

I searched for a bit here but didn't find an exact answer to my question, so I thought I'd post a "fix" for an oddity that I ran into.
I was recently using iPhoto (9.4.2) to edit some photos I had just imported on my iMac (OS X 10.8.2) and for some reason iPhoto crashed. When I reopened it the photos I had imported were missing replaced by two palm tree icons showing zero photos in Events view. Of course after importing I deleted them from my SD card - lesson learned. Thankfully I was able to recover them from my SD card using Klix - phew!
Now I was left with the two palm tree icons in my Events view. I tried deleting them, but no response. However I found a way to easily get rid of them.
First I merged them to create one item, and then drug the icon to iPhoto's Trash file. Done.
Hope this helps others that find themselves in the same boat.

I hope that any poor soul following this discussion reads this post and your's too:
The receommendation you provided was exactly what I was looking for (right click top parent folder, select 'find missing folder'). For reasons which I don't follow, but which were almost certainly my fault, this didn't work on my first catalog. I have now moved my second catalog, and the 'negatives' into the places I want for them. LR tells me that the hard drive containing my negatives is off-line; each folder is labelled with a question mark and your right click recommendation works perfectly - thanks.
As a result my second catalog is been set up in LR in about 2 minutes, compared to the 12 hours it took me for the previous catalog!
So my advice for those who are going to reconfigure their set-up is as follows:
1. Back up your catalog and LR settings/preferences/presets/plug-ins etc (following Ms. Bampton's detailed advice to be found elsewhere in this forum - or Google it)
2. Back up your negatives (preferably TWICE - on different hardware devices, dummy!)
3. Complete your system re-install. (Huh; that's easy for you to say....)
4. Re-install LR.
5.Decide where your catalogs should be (follow Scott Kelby's advice) and copy the .lrcat and .lrdata files to there.
6. Decide where your negatives should be stored and restore your backups to that location.
7. Open LR and point it at your chosen catalog
8. In Library, open the parent folder where LR things your negatives are (assuming that they are now in a different place). The sub-folders will be prefaced with a question mark.
9. Right click on each question marked sub-folder, choose the 'find missing folder' option, navigate to the new folder location and select the relevant folder.
10. Repeat step 9 for all sub-folders.
11. Back-up/optimise/tune the catalog. and you are now ready to revert to your normal work-flow

Hierarchical Tree Icon Alignment

Hi
I am able to create and display a hierarchical tree with icons in the nodes okay. The default is that the icon is placed at the left of the node (like a folder icon on windows explorer). Is there any option to display icon at right side of node? I am unable to find any such option, but wish to confirm or seek other ideas.
Thanks

I think there is no option to display the icon in right side of the node. Even i tried to display only the icon without node label. And big icon (more then 16*16 pixel) with minimum of node label. If I succeed above two options then I might make an icon and label as a single image (even left icon right label or left label and right icon) and show it for a node.
So by default for hierarchical tree icon will be displayed left side with Dimensions: 16 (height) * 16 (width) pixels.
Regards
Balaji.M

Tree icon does not appear

Hi, I'm using a custom TreeItemRenderer and am having an
issue with the icon. The icon won't appear and i don't konw why.
When I click on an item and set a breakpoint on it's handler i get
access to the icon property(changed from protected to public) and
the imagesize, source, etc seams ok...but it still wont appear.
Does anyone have a clue?
regards,
Peter
p.s. sorry for my regular/bad english.

"Peter Hahmann" <[email protected]> wrote in
message
news:gkq0vf$ftr$[email protected]..
> Hi, I'm using a custom TreeItemRenderer and am having an
issue with the
> icon.
> The icon won't appear and i don't konw why. When I click
on an item and
> set a
> breakpoint on it's handler i get access to the icon
property(changed from
> protected to public) and the imagesize, source, etc
seams ok...but it
> still
> wont appear.
First, why are you using a custom itemRenderer for this? Tree
has all kinds
of properties for setting custom icons, and I think it even
has an
iconFunction.
Second, you should probably make sure that your code to draw
the icon
happens when you think it is happening. I think when I've
done similar
things to what you've done I've wound up with problems where
the icon wasn't
destroyed when I thought it was, so the !icon condition
wasn't true, or
something like that. But then I was extending the default
itemRenderer and
had to contend with the original developer's assumptions
about what someone
would want to do.
Third, I couldn't see your updateDisplayList() or measure()
code... You need
to make sure the layout and measurement code knows that your
icon is drawn.
If you're not doing that, you should.
HTH;
Amy

ADF &CSS :overriding the default ADF:tree icons and CSSs

Hi,
I have major layout issue regarding ADF:tree, how can I override the default icons?
I override the oracle CSS with my own, but when I did that, the tree images has changed, its now small hideous triangles, I copied some lines from the oracle CSS and it worked, but the small triangles still show inside the images, how can I remove those triangles, or can I write something in my CSS to override them?
Thanks in prior,
Ahmad Esbita

Ahmad,
According to bug 5682799, you cannot work around this in the current JDeveloper release. It is fixed in 10.1.3.3 (due out "soon," perhaps as early as 15th June, according to another post on this forum)
John

ADF EA16 Tree & Icons

Hello,
I have a Problem with <af:tree> since I updated from
EA12 to EA16:
The Icons I've set to the TreeNodes are replaced by a default Icon and I don't know why...
Thanks for any hint!
Christian

Hello 430144,
I used the tree with a commandLink facet and tried
also the commandMenuItem. No changes...
The icons of tree nodes seem to get rendered as
<a title="/iconSource/icon.gif" >
text of Link or text of commandMenuItem
</a>
Is this a bug in ADF faces or don't we use the components in the right way??
Christian

Tree Icons

Could someone please provide an example of how to set unique
icons for each and every node of a Tree? (Each node in the tree has
a different icon, regardless of whether it's a leaf node or folder
node).
There's great examples using setItemIcon, but I can't for the
life of me find a sample of how to change the icon for each
subfolder individually.
private function setIcons():void {
engagementsTree.setItemIcon(engagementsTree.dataProvider.getItemAt(0),
engagements_16, engagements_16);
I've tried:
engagementsTree.setItemIcon(engagementsTree.dataProvider.getItemAt(0).ch
ildNodes[1]
but no matter what method I try I can't target a child of the
root so set it's icon uniquely.

this post is in italian but you can download the source code
http://www.augitaly.com/flexgala/index.php?cmd=newsreader&id=154

Use external image for tree icons

Hi all,
having searched extensively with probably the wrong keywords, i'm hoping someone can point me in the right direction.
My app has a tree control that gets built by reading an Ini file, the icons get populated with custom images from a directory. I'm trying to find a way to be able to interchange those icons after the executable has been built. The current way that i put the icons in the tree is simplistic. the names determine where in the tree they go... i.e. icon_1.jpg , icon_2.jpg , icon_3.jpg ... become the first, second, and third icon.
i just don't want to have to rebuild the app every time a customer wants to replace the icons.
any tips?
thanks in advance!

I'm not very original, I'm using a tree toolkit i found on LAVA written by Norm Kirchner. http://lavag.org/index.php?app=downloads&showfile=27
and a library i found on NI : http://digital.ni.com/public.nsf/allkb/89A75D98771F2FB686256F350055EB3A
See the .zip at the bottom of the page, it has an example vi.
It does in fact use the "Read JPeg File" vi's.
You'll see in the "Load Symbols.vi" that it takes as input, a directory where your custom symbols are located. Is there a way to keep this directory outside of the executable when the application builder compiles everything together....???? Like maybe in the /data directory?
I've only been using the app builder for a couple weeks so I'm not that sharp on those little nuances, but the more we hash this out, it seems like it should be possible.
Message Edited by joshuatree on 12-07-2009 11:18 AM

Eclipse like tree icons changing - how to ?

In the Eclipse editor, the class explorer tree shows a set of icons and, when a class have some errors, it change to the same icon with a small red bullet at the bottom of the icon.
How can I implement this effect ?
I have done a two icons version of this effect, loading two images (the only difference between the image is the small red bullet). When a class becomes wrong, I change the Icon image.
Is there any other better approach ?

hello,
I would guess this is the same way Eclipse does it.
regards,
Tim

Tree Component Icons

I'm using the tree component for a little Windows Parody I'm making. In my .fla, There's a tree component that loads an external XML file. I can't figure out how to add custom icons to my component, though.
I know it's possible to set the icons for just the default folder and file icons, but since it's a Windows Parody, there'll be different icons for different file types, folder types, etc.
In other words, I'd like to have a different icon for every item in my Tree component.
How can I do this?
Here are the contents of my XML file:
<node>
    <node label="Desktop">
</node>
    <node label="Documents">
<node label="Pictures" isBranch="true" />
<node label="Movies" isBranch="true" />
<node label="Games" isBranch="true" />
<node label="Video" isBranch="true" />
</node>
    <node label="Computer">
<node label="Local Disk (C:)" isBranch="true" />
<node label="Local Disk (D:)" isBranch="true" />
<node label="DVD-RAM Drive (E:)" isBranch="true" />
<node label="DVD/CD-RW Drive (F:)" isBranch="true" />
</node>
<node label="Readme.txt" isBranch="true" />
</node>
And the code on the first frame of my .fla file. The Tree's name is "fileTree", and the XML file is "doors_explorerXML.xml".
//Tree
var fileDP:XML = new XML();
fileDP.ignoreWhite = true;
fileDP.load("doors_explorerXML.xml");
fileDP.onLoad = function() {
    fileTree.dataProvider = this.firstChild;
Also, I don't need to have an XML file loaded. If there's an easy way that does it all within Flash, please tell me. I just need to be able to handle events from the Tree.

Im having the same issue. I dont know how to change the tree icons separately with the xml. Is there anyone who knows how to do it?
This is what I got so far. However, i can only get my first branch to show custom icons. I tried ALOT, but i guess I´m doing something completely wrong.
Here is the code for my tree so far:
my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.load("tree.xml");
my_xml.onLoad = function(){
myTree.dataProvider = this.firstChild;
var folders = my_xml.firstChild.firstChild;
var docs = folders.childNodes;
for (var i=0; i < docs.length; i++){
currDoc = docs[i];
trace(docs[i]);
var docIcon = currDoc.attributes.pic;
switch(docIcon){
case "pdf":
myTree.setIcon(currDoc, "pdfIcon");
break;
case "word":
myTree.setIcon(currDoc, "wordIcon");
break;
case "excel":
myTree.setIcon(currDoc, "excelIcon");
break;
case "ie":
myTree.setIcon(currDoc, "ieIcon");
break;
}//switch
} //for
};//onLoad
And here is the XML I used:
<node label="» Dokument typer">
<node label="» links - document">
<node label="test.url" url="http://www." pic="ie" info="test text" />
<node label="test.doc" url="test.doc" pic="word" info="test text" />
<node label="test.excel" url="test.xls" pic="excel" info="test text" />
<node label="test.pdf" url="test.pdf" pic="pdf" info="test text." />
</node>
<node label="» Links - document">
<node label="test URL" url="http://www." pic="ie" info="test text." />
<node label="test URL" url="http://www." pic="ie" info="test text." />
</node>
</node>

Apex 4 Tree node icon inconsistency ( 4.0.2.00.06 = 4.0.2.00.07)

<font color="#2C5197">
<li>If I assign a value to the tree icon column in Apex 4 ( 4.0.2.00.06) , _it is rendered as the node(ins) element's classname_ ( unless it has the "/" character in it,then it becomes the inline background-image property , for example "/add" )
<li>While in Apex 4( 4.0.2.00.07) , it is always rendered as the background image and I can't make it render as the classname (apex.oracle.com is also on 4.0.2.00.07 and shows the same behaviour as mentioned) .
</font>
I have a tree region in apex 4.0(4.0.2.00.06) which has node icons defined conditionally using the SQL query's icon column
As as example, the code below as Tree Definition (example here)
select case when connect_by_isleaf = 1 then 0
            when level = 1             then 1
            else                           -1
       end as status,
       level,
       "ENAME" as title,
       case
         when mod(level,2) = 1 THEN 'add'
         else 'delete'
       END as icon,
       "EMPNO" as value,
       'Drill Down to '||ENAME as tooltip,
       'f?p='||:APP_ID||':1:'||:APP_SESSION as link
from emp_check
start with "MGR" is null
connect by prior "EMPNO" = "MGR"
order siblings by "ENAME"This renders the tree as with *node icons having a class of "add" or "delete"_ in apex 4.0.2.00.06.
<ins style="background-image: url(&quot;add&quot;);">&nbsp;</ins>On another instance which is on 4.0.2.00.07, the same tree is rendered with the tree's node having a background-image URL as the "add" or "delete"
<ins class="add">&nbsp;</ins>The Bug Fix list from the Patch Notes ( 5.2 Bugs Fixed in the 4.0.2.00.07 Patch Set ) mentions in Bug Number:9893260 that +"APP_IMAGES and WORKSPACE_IMAGES used in tree region must be preceded by host URL"+.
Is it possible that as a result of this bug-fix, any value specified for the icon column is being rendered as the background-image ?
Can someone confirm whether this behavior is expected or is this is a case which has been overlooked in the bug-fix or just another bug ?

Hi Vee,
To respond to your question "+Can someone confirm whether this behavior is expected or is this is a case which has been overlooked in the bug-fix or just another bug ?+", the behaviour you see is expected. We now always create a background-image-url style. The fix for bug 9893260, which you referred to in your initial post, was incorporated in our 4.0.1 patch set, as listed under the section "5.1 Bugs Fixed in the 4.0.1.00.03 Patch Set" in the 4.0.2 Patch Set Notes - http://www.oracle.com/technetwork/developer-tools/apex/application-express/402-patch-189110.html. Therefore, I'm surprised that you're seeing different behaviour between 4.0.2.00.06 and 4.0.2.00.07. I'm not aware of any tree-related changes made between those two versions, so I'll investigate that further....but as I said, the behaviour you are seeing with 4.0.2.00.07 is expected.
Regards,
Hilary

Regression with tree.iconFunction: default icons have disapperead

I have a tree control, with icon function redifined.
However, for some items, I would like to use default tree
icons (folder, sheet,...)
In Flex 1.5, if returned null from the iconFunction, the
default icon was displayed.
In Flex 2.0, this does not work anymore. The doc says that
the icons are in Assets.swf, but how to reference and embed them in
my application ?

Here's a code snippet of one way to set Tree's icons:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
width="600" height="600">
<mx:Script>
<![CDATA[
[Bindable]
[Embed(source="smallU.jpg")]
public var redU:Class;
[Bindable]
public var treeArray:Object =
{ label:"Containers", children:
{ label:"DividedBoxClasses", children:
{ label:"BoxDivider", data:"BoxDivider.as" }
{ label:"GridClasses", children:
{ label:"GridRow", data:"GridRow.as" },
{ label:"GridItem", data:"GridItem.as" }
{ label:"Printing", children:
{ label:"PrintJob", data:"PrintJob.as"},
{ label:"PrintJob1", data:"PrintJob1.as" },
{ label:"PrintDataGrid", data:"PrintDataGrid.as" }
]]>
</mx:Script>
<mx:Tree dataProvider="{treeArray}"
disclosureClosedIcon="{redU}" />
</mx:Application>
There's a a style property mapping to each Tree icon (ex:
folderOpenIcon, defaultLeafIcon).
Hope that helps,
Belinda

Why af|tree can't display icon

Hi,
I am working on Adf(with version :10_1_3_0_4) Tree Component using Page-definitions.
I am able to create the Tree structure but the issue are..
The tree have any icon ,just a blue triangle,can’t display folds icon as adf demo shows .
why?
Edited by: user6793310 on 2008-9-22 上午12:16

Hi,
tree icons are set with skinning
http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html (JDeveloper 11 documentation)
af|treeTable::expanded-icon-style
Style of the expanded icon used with the tree and treeTable components. The expanded icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the expanded-icon-style and define the override icon for the expanceded-icon.
af|treeTable::expanded-icon
Style used to override the default expanded icon used with the tree and treeTable components.
af|treeTable::collapsed-icon-style
Style of the collapsed icon used with the tree and treeTable components. The collapsed icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the collapsed-icon-style and define the override icon for the collapsed-icon.
af|treeTable::collapsed-icon
Style used to override the default collapsed icon used with the tree and treeTable components.
af|treeTable::leaf-icon-style
Style of the leaf icon used with the tree and treeTable components. The leaf icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the leaf-icon-style and define the override icon for the leaf-icon.
af|treeTable::leaf-icon
Style used to override the default leaf icon used with the tree and treeTable components.
af|treeTable::selector-icon-style
Style of the selector icon used with the tree and treeTable components. The selector icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the selector-icon-style and define the override icon for the selector-icon.
af|treeTable::selector-icon
Style used to override the default selector icon used with the tree and treeTable components.
Frank

Tree icon

Similar Messages

Maybe you are looking for