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

Legend Display in Arcgis Javascript

MANESK

Hi,

I'm building an application in Arcgis JavaScript using the Webmap from the Arcgis Portal version 10.8. I'm using JS API version 4.22 and visualizing the legend from Legend widget. The legend visualizes in the form of displaying the layer name and below the layer symbol (next Line) as got from the sample used in Arcgis Forum... My requirement is to show the symbol and the Layer name in a single line. Legend Sample is attached.

Original Legend.png

Requirement.jpg

stackex_question.png

Screenshot 2021-12-02 101155.png

Brian_McLeer_0-1721143958552.png

Brian_McLeer_0-1721143483837.png

Find more posts tagged with

Accepted answers

All comments

There are no accepted answers yet

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.