https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290529#M81197 <P>Hi all, I am encountering an issue with the ArcGIS API for JavaScript where the zoom controls and other widgets are rendering outside the map instead of on it. I have followed official documentation but have been unable to resolve the problem. Here are some details about my implementation:</P><UL><LI>I am using ArcGIS API for JavaScript, but with TypeScript and React.</LI><LI>The map is rendered within a React component.</LI><LI>I have followed the documentation and added the zoom controls using the ui.add() method.</LI><LI>However, the zoom controls and widgets are not displaying on the map itself but rather appearing outside of it.</LI></UL><P>I already have the correct integration of the zoom controls, but the issue persists. I've attached an image of the default zoom controls, as well as a Sketch widget I added being outside of the map. Admittedly, there might some incorrect setup on my end but even then, I do need some assistance in identifying where such an issue stems from.</P><P>If anyone has encountered a similar issue or has any suggestions for troubleshooting or resolving this problem, I would greatly appreciate your assistance.</P><P>Thank you in advance for your help!</P> Thu, 18 May 2023 03:58:27 GMT LO 2023-05-18T03:58:27Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290529#M81197 <P>Hi all, I am encountering an issue with the ArcGIS API for JavaScript where the zoom controls and other widgets are rendering outside the map instead of on it. I have followed official documentation but have been unable to resolve the problem. Here are some details about my implementation:</P><UL><LI>I am using ArcGIS API for JavaScript, but with TypeScript and React.</LI><LI>The map is rendered within a React component.</LI><LI>I have followed the documentation and added the zoom controls using the ui.add() method.</LI><LI>However, the zoom controls and widgets are not displaying on the map itself but rather appearing outside of it.</LI></UL><P>I already have the correct integration of the zoom controls, but the issue persists. I've attached an image of the default zoom controls, as well as a Sketch widget I added being outside of the map. Admittedly, there might some incorrect setup on my end but even then, I do need some assistance in identifying where such an issue stems from.</P><P>If anyone has encountered a similar issue or has any suggestions for troubleshooting or resolving this problem, I would greatly appreciate your assistance.</P><P>Thank you in advance for your help!</P> Thu, 18 May 2023 03:58:27 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290529#M81197 LO 2023-05-18T03:58:27Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290583#M81199 <P>If you provide a reproducible sample in codepen, GitHub, or stackblitz, would have a better idea. I'm going to guess the ArcGIS css is not being loaded correctly.</P><P><A href="https://developers.arcgis.com/javascript/latest/get-started/" target="_blank">https://developers.arcgis.com/javascript/latest/get-started/</A></P> Thu, 18 May 2023 12:31:27 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290583#M81199 ReneRubalcava 2023-05-18T12:31:27Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290937#M81211 <P>Hi, thanks for the suggestion! It was indeed something to do with the ArcGIS css; I didn't put the HTML code that calls on the css, as I was using React and missed out on that. So with that addition, this issue is fixed! Thanks again for the help <span class="lia-unicode-emoji" title=":slightly_smiling_face:">🙂</span></P> Fri, 19 May 2023 03:12:30 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-controls-and-widgets-appearing-outside-of-the/m-p/1290937#M81211 LO 2023-05-19T03:12:30Z