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

My First Custom Widget (WIP) : Rubber Band Zoom

BrianO_keefe

Alrighty...

So I'm wanting to 'tentatively' step into custom widget design. I still have a VERY difficult time grasping the Dojo Modules concept, but what I want to do shouldn't require that. So...

I have created a new widget, I called it (ingeniously enough) "MagnifyingGlass" because that's what the end users want.

I have copied from the WAB Sample Widget the SimpleWidget folder structure for the 'Get Map Id' widget example.
I have renamed everything.
I have added it to the site config file so that it shows up.
It is now visible on one of my dev maps.
It is the button that is a Duplicate of the BOOKMARK widget button, in the bottom left set of 4 buttons.

Find more posts tagged with

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.