https://community.esri.com/t5/arcgis-experience-builder-questions/how-hide-show-a-widgets-by-code-in-tsx-file/m-p/1364348#M10014 <P>I am developing a closable widget in experience builder:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="HansFelix_0-1703620579367.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/89967i210639978763BFB8/image-size/large?v=v2&amp;px=999" role="button" title="HansFelix_0-1703620579367.png" alt="HansFelix_0-1703620579367.png" /></span></P><P>I would like to know what is the right way to hide/show a widget in experience builder,<BR />I currently hide the render inside <STRONG>widget.tsx</STRONG>&nbsp;file in React but the widget container (.is-widget) still displays:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="HansFelix_1-1703620897462.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/89968i2BAF4D657E429E26/image-size/large?v=v2&amp;px=999" role="button" title="HansFelix_1-1703620897462.png" alt="HansFelix_1-1703620897462.png" /></span></P><P>This makes it impossible to move the basemap in that section where the widget is.</P><P>Currently what I do is look for this container and change <STRONG>CSS pointer-events property</STRONG> (<A href="https://community.esri.com/t5/arcgis-experience-builder-questions/can-i-create-a-widget-that-doesn-t-register-a/td-p/1352001" target="_self">post from I found this idea</A>&nbsp;) to none, but its hacky.</P><P><STRONG>Any idea how I can hide/show a widget correctly?</STRONG></P><DIV>&nbsp;</DIV> Tue, 26 Dec 2023 20:10:39 GMT HansFelix 2023-12-26T20:10:39Z https://community.esri.com/t5/arcgis-experience-builder-questions/how-hide-show-a-widgets-by-code-in-tsx-file/m-p/1364348#M10014 <P>I am developing a closable widget in experience builder:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="HansFelix_0-1703620579367.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/89967i210639978763BFB8/image-size/large?v=v2&amp;px=999" role="button" title="HansFelix_0-1703620579367.png" alt="HansFelix_0-1703620579367.png" /></span></P><P>I would like to know what is the right way to hide/show a widget in experience builder,<BR />I currently hide the render inside <STRONG>widget.tsx</STRONG>&nbsp;file in React but the widget container (.is-widget) still displays:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="HansFelix_1-1703620897462.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/89968i2BAF4D657E429E26/image-size/large?v=v2&amp;px=999" role="button" title="HansFelix_1-1703620897462.png" alt="HansFelix_1-1703620897462.png" /></span></P><P>This makes it impossible to move the basemap in that section where the widget is.</P><P>Currently what I do is look for this container and change <STRONG>CSS pointer-events property</STRONG> (<A href="https://community.esri.com/t5/arcgis-experience-builder-questions/can-i-create-a-widget-that-doesn-t-register-a/td-p/1352001" target="_self">post from I found this idea</A>&nbsp;) to none, but its hacky.</P><P><STRONG>Any idea how I can hide/show a widget correctly?</STRONG></P><DIV>&nbsp;</DIV> Tue, 26 Dec 2023 20:10:39 GMT https://community.esri.com/t5/arcgis-experience-builder-questions/how-hide-show-a-widgets-by-code-in-tsx-file/m-p/1364348#M10014 HansFelix 2023-12-26T20:10:39Z https://community.esri.com/t5/arcgis-experience-builder-questions/how-hide-show-a-widgets-by-code-in-tsx-file/m-p/1365310#M10046 <P>The best solution here would be to place your widget in a Widget Controller (or a Sidebar). You could configure the Widget Controller to launch your widget on load and to load at a fixed location. And the Widget Controller would also handle the logic to dismiss the widget.</P> Tue, 02 Jan 2024 14:21:26 GMT https://community.esri.com/t5/arcgis-experience-builder-questions/how-hide-show-a-widgets-by-code-in-tsx-file/m-p/1365310#M10046 JeffreyThompson2 2024-01-02T14:21:26Z