Symbology in layer list

Question

Hi,

We're trying to make a simple interface that can be used for all staff which shows our key layers in experience builder.

In the layers panel we need a tick box, a symbol and the layer name all in one line, like this example.

Unfortunately that doesn't seem possible using the standard widgets and we don't like the interactive legend widget - as our users interact best with tick boxes.

Does anyone have any suggestions of how to make this work?

Thanks 🙂

RachelWillmore · Answer

Ah yes. Well, ExB is customizable, but unfortunately I don't think there's a way to get that exact layout for the map layers. You can use tablet and mobile views to build and preview it on smaller screen sizes, but that widget doesn't change a whole lot between screen sizes.

To get that exact layout and functionality, you would probably have to create a custom widget. I don't have a lot of experience with that, but you can learn more about it here.

Hope you find a solution!

HollyH_ · Answer

Hi Rachel,

Thank you for your reply!

We are currently using the Map Layers Widget which shows the symbology. We were hoping to customise as most of our staff have smaller screens so making the layers / legend as compact (i.e tick box, symbology and layer name all in one line) and user friendly as possible is our main aim.

RachelWillmore · Answer

You can use the Map Layers widget to do that. This is an example of how I've used it. It has check boxes, symbology, layer names, and interacts with the Map widget.

You can see how this works on the Utah's Energy Resources site.

Here's what to do

Note: You must already have a Map widget added to your page with your map selected.

1. Add the Map Layers widget to your page.

2. In the widget settings under Content, make sure the "Interact with a Map widget" option is checked, then click the drop down and select the Map widget you want it to interact with.

3. Under Options, turn on "Use tick boxes to control layer visibility" and "Show legend"

* When you select "Show legend," you also have the option to "Show legend for all visible layers by default"

Keep in mind,

* If you want to make the Map Layers widget a button "inside" the Map widget interface do the following:* Add the Widget Controller widget to the map.
* Click and drag the Map Layers widget into the Widget Controller. 
* Use the settings in the Widget Controller for the button styling, size, and placement.