topic Re: Place buttons on Map aligned one below other in ArcGIS JavaScript Maps SDK Questions

Place buttons on Map aligned one below other

rsharma — Wed, 01 Apr 2020 08:27:30 GMT

hi i try to align buttons on map one below other on bottom right corner manually, but it do not align automatically for different computer size???

but it do not mention to place multiple buttons one below other in any corner or bottom right??

Thanks in advance for the help.

Egge-Jan_Pollé — Wed, 01 Apr 2020 09:28:36 GMT

For an example with all the buttons aligned one below another in the top left corner, see this map.

The buttons are added to the view.ui like this:

view.ui.add([aboutExpand, searchWidgetExpand, zoom, homeWidget, compass, basemapGalleryExpand, layerListExpand], "top-left");

If you replace the top-left with bottom-right, the buttons will appear in that other corner, but aligned horizontally (instead of vertically).

There is also an option manual. Using manual allows you to place the component in a container where you can position it anywhere using CSS.

HTH,

Egge-Jan

rsharma — Wed, 01 Apr 2020 09:44:58 GMT

Hi Egge,

I mean like 3 buttons in bottom right.

2 buttons of zoom horizontally above that button in bottom right and

1 button above it

and i am already doing it manually