nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Removing the Tree Node Expansion from the operational map layer( more...)

Anonymous User

I would like to know if there is a way the remove the tree-node expansion to where you cannot expand the tree to view the sub layers for the operational layers set in the config file. When the expansion is removed when the layer is checked i would like it to select each sub-layer as well. I appreciate the help in advance.

[ATTACH=CONFIG]15376[/ATTACH]

Ray

Operational Layers.png

Find more posts tagged with

Accepted answers

AntGiles

Ray,

Ignore my waffle above, in the LayerListWidget.mxml scroll down to the bottom and change the following:

<toc:TOC id="toc" width="100%" height="100%" />

<toc:TOC id="toc" width="100%" height="100%" disclosureClosedIcon="{null}" disclosureOpenIcon="{null}" />

This will remove the arrows

In TOC.as file also comment out the contents of the function onItemDoubleClick this will stop the user from opening the tree by double clicking the layer name

Regards

Anthony

All comments

rzufelt

anyone know how to remove/hide the little drop down menu arrow on the right?

I have figured out how to remove the items from within it (Move up, Move down, etc), but can't figure out how/where to hide the icon itself.

Thanks again,

R_

Anonymous User

Thank you sir!! I appreciate the help!

AntGiles

Ray,

From what I can see its all or nothing, I can't see anyway of changing the disclosure icons for individual children of the tree.

Don't forget to mark the post above as answered,

Thanks

Anthony

Anonymous User

Great Anthony,
That work!!! Thanks a lot. I do have one other question for you. Is there a way to remove just one expander?

Ray

AntGiles

Ray,

Ignore my waffle above, in the LayerListWidget.mxml scroll down to the bottom and change the following:

<toc:TOC id="toc" width="100%" height="100%" />

<toc:TOC id="toc" width="100%" height="100%" disclosureClosedIcon="{null}" disclosureOpenIcon="{null}" />

AntGiles

Ray,

It looks like the arrow is called the disclosureicon:

http://livedocs.adobe.com/flex/3/html/help.html?content=advdatagrid_06.html

you should be able to set it on the tree not to be visible e.g. disclosureIcon.visible = false

AntGiles

Ray,

The TOC expands the flex tree control so I am not sure if you can remove the arrow totally as this would go against the whole purpose of the control. You can change the icon used so maybe just put a transparent image there, see:

http://www.flex-blog.com/change-open-and-close-icons-on-flex-tree/

You can also change/remove the folder (leafs) icons:

http://blog.flexexamples.com/category/halo/tree/

As for having all your layers turn on when you select the top checkbox just turn them all on in your mxd before you publish it to the server. Then when you add the operational layer set its visible tag to false. That way the user will only have to turn on the one check box.

Regards

Anthony

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.