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

How to change position of Zoom and Search widget in 4.11

tonyko

Is there a way that I can specify the top and left css positions of either of these widgets. It seems as though there was a way in 3.28 but I can't seem to make it work in 4.11.

I only see the generic positions I can add: "top-trailing", "top-left"

Trouver plus de publications taguées avec

Accepted answers

khutchins

You can use the manual option and provide the position via css. There's an example here: JS Bin - Collaborative JavaScript Debugging

All comments

khutchins

You can use the manual option and provide the position via css. There's an example here: JS Bin - Collaborative JavaScript Debugging

tonyko

I'm looking for the proper way to position it using pixels. NOT by using the defaults they provide

BirajaNayak

Hi Tony,

You can add UI position as per below:

Here are the web help links:

https://developers.arcgis.com/javascript/latest/guide/view-ui/

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#add

Example:

view.ui.add(search, "top-right");

Thanks,

Biraja

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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