topic Re: Use ui.add to add multiple components to different view positions in ArcGIS JavaScript Maps SDK Questions

Use ui.add to add multiple components to different view positions

RL1 — Thu, 18 Apr 2019 13:05:44 GMT

I could not use the way it shows here to add multiple components to different positions, only the first component gets added. Am I missing something? I am using API 4.11.

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

mapView.ui.add(
{
component: home,
position: "bottom-right",
index: 0
}, {
component: zoom,
position: "bottom-right",
index: 1
}, {
component: searchWidget,
position: "top-right"
}, {
component: scaleBar,
position: "bottom-left"
});

Re: Use ui.add to add multiple components to different view positions

RobertScheitlin__GISP — Sat, 11 Dec 2021 08:33:05 GMT

Your forgot the square brackets. The object has to be in an array.

mapView.ui.add([{
  component: home,
  position: "bottom-right",
  index: 0
}, {
  component: zoom,
  position: "bottom-right",
  index: 1
}, {
  component: searchWidget,
  position: "top-right"
}, {
  component: scaleBar,
  position: "bottom-left"
}]);‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Use ui.add to add multiple components to different view positions

RL1 — Thu, 18 Apr 2019 13:38:30 GMT

OMG.. how did I miss that! Thanks, Robert!