Place buttons on Map aligned one below other

rsharma

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???

i have read this link UI | ArcGIS API for JavaScript 4.14 

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é

Hi rajni sharma,

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