topic Re: I need to center a graphic element on the map in ArcGIS JavaScript Maps SDK Questions

I need to center a graphic element on the map

stiven — Thu, 07 Jul 2022 15:49:58 GMT

i want this:

Re: I need to center a graphic element on the map

KellyHutchins — Thu, 07 Jul 2022 18:48:06 GMT

You can use the manual option then position the search component with CSS. This example isn't perfect but it'll show you the general steps

https://codepen.io/kellyhutchins/pen/poLyJwK?editors=100

Here's the css that is used in the sample:

.esri-ui-manual-container>.esri-component.esri-search { position: absolute; left: calc(50vw - 120px); top: 20px; }

https://codepen.io/kellyhutchins/pen/poLyJwK?editors=100

Re: I need to center a graphic element on the map

stiven — Fri, 08 Jul 2022 00:53:47 GMT

Thank you very much, that worked

Re: I need to center a graphic element on the map

CherieBryant — Sat, 11 Mar 2023 15:49:49 GMT

This was very helpful and got me on the right track. Thank you!

If you can make the width of the element to be centered a percentage, then the remainder can be split in half for the left margin. I'm using a custom container here for a slider bar.

#sliderContainer { width: 50%; } .esri-ui-manual-container > div#sliderContainer.box.esri-component { left: 25%; }