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

RLee

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

RobertScheitlin__GISP

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

mapView<SPAN class="punctuation token">.</SPAN>ui<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN>
  component<SPAN class="punctuation token">:</SPAN> home<SPAN class="punctuation token">,</SPAN>
  position<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"bottom-right"</SPAN><SPAN class="punctuation token">,</SPAN>
  index<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
  component<SPAN class="punctuation token">:</SPAN> zoom<SPAN class="punctuation token">,</SPAN>
  position<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"bottom-right"</SPAN><SPAN class="punctuation token">,</SPAN>
  index<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
  component<SPAN class="punctuation token">:</SPAN> searchWidget<SPAN class="punctuation token">,</SPAN>
  position<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"top-right"</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
  component<SPAN class="punctuation token">:</SPAN> scaleBar<SPAN class="punctuation token">,</SPAN>
  position<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"bottom-left"</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>