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; } } }

Table of Contents - Legend Widget for FlexViewer 2.x

RobertScheitlin__GISP

All,

Here is the next in my line of widgets for the FlexViewer 2.x.

The legend portion of this widget is the same code as my dynamic legend widget so,

IT IS FOR ARCGIS SERVER 10 OR GREATER ONLY

This is just a simple TOC Widget that includes my dynamic legend component.
This widget also includes my enhancement for map service transparency,
right click context menu for zoom to make layer visible, and my scale
dependent renderer for the TOC checkboxes.

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

DerekHunter1

I am trying to use the TOC with an tiled operational layer. Is this possible?

It functions, but not symbology is displayed in the TOC. I turned off the layervisibility in the map switcher and theviewer is not behind a firewall.

RolandChu

Hi Robert,

First of all I want to say thank you. This widget is amazing compared with the stock TOC.

I have a question about the TOC setting. I want everything in the TOC including legends is collapsed by default.

i.e. if a user wants to see the legends he/she has to check the expand box next to the layer name.

However, no matter I set

 <tocsettings>
  <expanded>false</expanded>
  <collapselegends>true</collapselegends>
 </tocsettings>

 <tocsettings>
  <expanded>false</expanded>
  <collapselegends>false</collapselegends>
 </tocsettings>

Every group layers and sub-layers is collapsed but the legends. All legends are expanded.

How can I change the settings so that everything is collapsed by default? Thank you.

Roland

RobertScheitlin__GISP

Roland,

There seems to be a bug concerning this in the latest release. I will have it fixed in the next release. If you are use the source code than you can fix it by adding this line in the TocMapLayerItem.as in the createTocLayer function.

        private static function createTocLayer(parentItem:TocItem, layerInfo:LayerInfo, layerInfos:Array, visibleLayers:Array, tlayer:Layer, excludeLayers:ArrayCollection, iscollapsed:Boolean, isdisableZoomTo:Boolean):TocLayerInfoItem
        {
            const item:TocLayerInfoItem = new TocLayerInfoItem(parentItem, layerInfo, visibleLayers);
            item.scroller = parentItem.scroller;
            item.tocMinWidth = parentItem.tocMinWidth;
            item.disableZoomTo = isdisableZoomTo;
            item.collapsed = iscollapsed;

RobertScheitlin__GISP

I am trying to use the TOC with an tiled operational layer. Is this possible?

It functions, but not symbology is displayed in the TOC. I turned off the layervisibility in the map switcher and theviewer is not behind a firewall.

Derek,

As long as you are using ArcGIS 10 or greater it is suppose to work.

VanessaGenovese

Hi Robert,

I am using the latest version of your TOC tool for 3.0 and I am having a few problems with the drop down menu inside of it. I have tried the compiled version and the App Viewer 3.0 version. I'm not sure if it is something I am doing wrong?
Here are the issues I am having:
1) the "zoom to" and "description" menu items do not appear
2) the drop down menu is only available for the parent groups, not the child layers
3) when the top parent group is expanded, all of the drop down menus disappear for all groups

Also, since I have mostly raster images with stretched data values, is there anyway to "fix" the stretched legend symbol so it does not split the it in the middle? The legends are continuous in ArcMap but then when I publish the maps they come out this way in the viewer. This is not a problem with your tool but with the map service because I also saw this behavior with the ESRI layerlist tool. I have looked on the forums and have not been able to find a fix.
I would also prefer to remove the raster symbol at the bottom of the stretched legend since it is not needed but not a big deal if I can't.

Here is a link to my viewer which is publicly available so you can see some of the behaviors yourself if you want:
http://cquest.arc.nasa.gov:8399/flexviewers/global_cquest/

Thanks in advance for your help and for the cool tools!

VanessaGenovese

Robert,

No need to answer issue #1 from my previous post. I just realized that those items are false by default in the xml. I apologize for my ignorance. But the other issues still stand.
And one more question...can you change the behavior of the "expand/collapse all" to only to apply to the subgroups, not the entire dataset/layer list? Also, "select/deselect all" for subgroup visability would be a nice feature too.

Thanks again,
Vanessa

Hi Robert,

I am using the latest version of your TOC tool for 3.0 and I am having a few problems with the drop down menu inside of it. I have tried the compiled version and the App Viewer 3.0 version. I'm not sure if it is something I am doing wrong?
Here are the issues I am having:
1) the "zoom to" and "description" menu items do not appear
2) the drop down menu is only available for the parent groups, not the child layers
3) when the top parent group is expanded, all of the drop down menus disappear for all groups

Also, since I have mostly raster images with stretched data values, is there anyway to "fix" the stretched legend symbol so it does not split the it in the middle? The legends are continuous in ArcMap but then when I publish the maps they come out this way in the viewer. This is not a problem with your tool but with the map service because I also saw this behavior with the ESRI layerlist tool. I have looked on the forums and have not been able to find a fix.
I would also prefer to remove the raster symbol at the bottom of the stretched legend since it is not needed but not a big deal if I can't.

Here is a link to my viewer which is publicly available so you can see some of the behaviors yourself if you want:
http://cquest.arc.nasa.gov:8399/flexviewers/global_cquest/

Thanks in advance for your help and for the cool tools!

VanessaGenovese

Hi Robert,

One more comment/interesting behavoir...now that I have set "zoom to" to "true" in the xml, the drop down menus are visible for the child layers but that is the only option which shows up in the menus for the child layers.

Thanks,
Vanessa

Robert,

No need to answer issue #1 from my previous post. I just realized that those items are false by default in the xml. I apologize for my ignorance. But the other issues still stand.
And one more question...can you change the behavior of the "expand/collapse all" to only to apply to the subgroups, not the entire dataset/layer list? Also, "select/deselect all" for subgroup visability would be a nice feature too.

Thanks again,
Vanessa

GrahamWhelan

Hi Robert.

I am using your TOC widget and I have found a small bug which you can re-create with the following steps.

Load up the widget and minimize each layers drop down
Move the Raster up 4 times,
Move Events down 1 time,
Move Parcel Data down 1 time.

The Parcel layer seems to fall out of the tree structure and go down to the end. You can then move other layers down and they also jump to the bottom which causes problems as the bottom layer can have a move down option.

By the way thanks for all the widgets you post they are really helpfull.

RobertScheitlin__GISP

Vanessa,

I will look into these issues when I get a chance.

RobertScheitlin__GISP

Graham,

I will look into this issues when I get a chance.

WajhuAllah_ArifHussain

All,

Here is the next in my line of widgets for the FlexViewer 2.x.

The legend portion of this widget is the same code as my dynamic legend widget so,

IT IS FOR ARCGIS SERVER 10 OR GREATER ONLY

This is just a simple TOC Widget that includes my dynamic legend component.
This widget also includes my enhancement for map service transparency,
right click context menu for zoom to make layer visible, and my scale
dependent renderer for the TOC checkboxes.

Dear Robert,

I am just a begginer to the Flex Development and using your TOC Widget which works great for me, I wanted to do couple of things and not sure with how to go about it, please help me out on these. The task are as follows:

1. In the TOC Widget, I want to be able to select or deselect all Layers (or Group Layers - Top Level Layers) with Ctrl + Click (something similar to ArcMap).
2. I have Utility Systems under which I have my layers. I published my MXD/MSD as a MapService and consuming it inside the Flex Viewer as a Dynamic Service. I want the sub-layers of the each Utility System to be identified by the Flex Viewer as Feature Layers so that in your Enhanced Draw Tool Widget I can Snap to the features.

Any help on these topics will highly be appriciated.

Thanks and best regards,

W. Arif Hussain

RobertScheitlin__GISP

W. Arif Hussain,

1. For this you would have to capture the click event on each tocitem and check is the shift key is held.
2. TO do that you need to use type = feature not dynamic. Snapping is dependant on have the geometries client side.

StevenCuthbert

Hi Robert,

I'm using the 3.0 version with version 10 on a https service. The problem i'm having is when you expand the legend layers out at the lowest level there is no legend displying. It works on our internal server, but when i put it on the cloud it doesn't appear anymore. I've attached a screen shot.

[ATTACH=CONFIG]15550[/ATTACH]

Thanks,
Steve

Scrrenshot.jpg

RobertScheitlin__GISP

Steve,

You need to use a utility like fiddler to see what http request is failing and why.

StevenCuthbert

Hi Robert,

Thanks for the reply. I've used fiddler to look for any processes crashing or being blocked, but nothing is getting flagged. Everything is working...according to fiddler anyway. It works on my internal server (desktop box), but it's failing on my external server (amazon cloud). Therefore i'm assuming it's a setting in the cloud, do you know any settings i could try?

Cheers again

RobertScheitlin__GISP

Steven,

No, I am not a cloud user.

PaulFerro1

Hi Robert,

I am using v 2.5 of your TOC. I have written some html in my layer description in ArcMap, then published it as a service. I want to include hyperlinks in the Details/Description window. See attached screen shot.

My html code is [HTML]For more information, go to: <a href="http://www.oregon.gov/DOGAMI/pages/earthquakes/coastal/tsumaps.aspx" target="_blank">OREGON.gov</a>[/HTML]

I want to change the hyperlink color to gold, but it's not coming through the swf. file and retains the default blue for the hyperlink. I assume I need to recompile the TOC widget. Do you know where it the DetailsWindow.mxml I can change the default hyperlink
color? Thanks so much.

TOC.JPG

RobertScheitlin__GISP

Paul,

That color is just the default that come from Adobe Flex in general for hyperlinks. To fix that you will have to modify the UIManager.as.

UNTESTED changes:

        //Style RichEditableText
        if (numberOfStyleColors > 4)
        {
            var cssStyleDeclarationRET:CSSStyleDeclaration = new CSSStyleDeclaration();
            cssStyleDeclarationRET.setStyle("focusedTextSelectionColor", rolloverColor);
            cssStyleDeclarationRET.setStyle("unfocusedTextSelectionColor", rolloverColor);
            
            cssStyleDeclarationPopUpRendererLink.setStyle("linkActiveColor", titleColor);
            cssStyleDeclarationPopUpRendererLink.setStyle("linkNormalColor", textColor);
            cssStyleDeclarationPopUpRendererLink.setStyle("linkHoverColor", titleColor);
            
            topLevelStyleManager.setStyleDeclaration("spark.components.RichEditableText", cssStyleDeclarationRET, false);

            var cssStyleDeclarationTI:CSSStyleDeclaration = new CSSStyleDeclaration();
            cssStyleDeclarationTI.setStyle("chromeColor", textColor);
            topLevelStyleManager.setStyleDeclaration("spark.components.TextInput", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("spark.components.TextArea", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("mx.controls.TextInput", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("mx.controls.TextArea", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("mx.controls.VSlider", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("spark.components.VSlider", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("mx.controls.HSlider", cssStyleDeclarationTI, false);
            topLevelStyleManager.setStyleDeclaration("spark.components.HSlider", cssStyleDeclarationTI, false);
        }

PaulFerro1

Hi Robert,

I would like to create a clickEvent so that when I check/click the box of one service or layer, it expands all of my layers for just that service. See screenshot.
[ATTACH=CONFIG]16203[/ATTACH]

I'm aware of the [HTML]<tocsettings>
<expanded>false</expanded>
<collapselegends>false</collapselegends>
</tocsettings>[/HTML]
but I think I want am after needs to be done in the uncompiled TOC code? Thanks

TOCCapture.JPG

GaryWine

Very nice tool

However; I am attempting to adjust it's display location. The task looks pretty simple after looking at the code, but I am not able to move the widget to the right side of the display. I am attempting to place it right="20" top="70", but it is not moving. Is there something I am missing, or is the a locked feature.

Thanks

Jeff Frye
Berkely County, WV

PaulFerro1

Jeff,

right="90" top="25" works for me.

is your widgecontainer set to: <widgetcontainer layout="float">

RobertScheitlin__GISP

Paul,

It would have to run some code like this:

            private function expandAll(item:TocItem):void
            {
                item.collapsed = false;
                _toc.expandChildrenOf(item, true);
                if(item.isGroupLayer()){
                    for each (var item2:TocItem in item.children){
                        expandAll(item2);
                    }
                }
            }

I don't have time to help with much more.

PaulFerro1

Thanks Robert for the help!

On what line of the TOCWidget.mxml would I place it?

RobertScheitlin__GISP

Paul,

It would not go in the TOCWidget.mxml. It would likely need to go into the TOCMapLayerItem.as, but as I said I don't have to time to help you with this customizations specifics.

GaryWine

Thanx Geo - I never considered looking at that.

RhettZufelt

Hi Robert,

I am using v 2.5 of your TOC. I have written some html in my layer description in ArcMap, then published it as a service. I want to include hyperlinks in the Details/Description window. See attached screen shot.

My html code is [HTML]For more information, go to: <a href="http://www.oregon.gov/DOGAMI/pages/earthquakes/coastal/tsumaps.aspx" target="_blank">OREGON.gov</a>[/HTML]

I want to change the hyperlink color to gold, but it's not coming through the swf. file and retains the default blue for the hyperlink. I assume I need to recompile the TOC widget. Do you know where it the DetailsWindow.mxml I can change the default hyperlink
color? Thanks so much.

I'm curious as to how you got the description to show in the little window. For me, it opens up the mapservice page in a new browser window.

Thanks,

R_

RobertScheitlin__GISP

Rhett,

That is controlled by this tag in the TOCWidget.xml

<usenewesridescription>false</usenewesridescription>

RhettZufelt

if I set that to false, then I do not get the "description" option in the drop down.

If I set it to true, then I get this when i click on it:

[ATTACH=CONFIG]16962[/ATTACH]

istead of the nice little popup looking window from previous post.

R_

untitled1.jpg

RobertScheitlin__GISP

Rhett,

That is because your Service description for your map service is blank, so there is nothing to show.

RhettZufelt

Ok, I just grabbed an example from the mapservices directory, here is the one that I was actually testing against:

[ATTACH=CONFIG]16976[/ATTACH]

If my description in the layer properties is:

<p>For more information, go to: <a href="http://gis01.wch-rcc.com/final3" target="_blank"><span style="color:#FFD700">GIS01</span></a></p>

But, if I select it, it comes up with the mapservices window with this info in the Description field. In the previous example, it looked more like an infowindow within the map, not a separate link directly to the service directory.

R_

untitled1.jpg

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Anmelden
Registrieren

Schnellzugriffe

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