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

Customizing widget

MadhumithaArumugam

Hi Noah Sager‌. I'm trying to develop a web application with few widgets. I am new to typescript and I am not sure on how to customize my widgets. I am attaching the screenshot of the widget requirements.

The first widget is a full extent widget.
The second widget is zoom to a particular area.
The third widget is a "Draw Polygon" widget.
The fourth widget is a "Draw Rectangle" widget.
The last widget is the "Clear" widget.

I have developed a basic application with the required widgets. (Screenshot attached) But I want the widgets in a single panel as per the requirement and also want to remove the reshape and transform buttons present in the sketch widget. Hope you would help me.

WidgetsRequirement.jpg

AppScreenShot2.jpg

1558635121921.jfif

SWilander_0-1646760143004.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.