nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Onscreen widgets - keep it open

GisGKAuckland

Am new to WAB customization.

When I click the onscreen widget, only one remains open. I would one of them to remain open all the time. Any idea how it can be done?

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

When using the launchpad theme if you add widgets to the AnchorBar controller instead of the on screen widget place holders then you can have as many open as you wish.

Short of using those two themes than you would have to modify the OnScreenWidgetIcon.js to comment out the code that closes all other open on screen widget:

&nbsp;&nbsp;&nbsp; switchToOpen<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>state <SPAN class="operator token">=</SPAN> <SPAN class="string token">'opened'</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// this.panelManager.closeAllPanelsInGroup(this.widgetConfig.gid);</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// array.forEach(this.widgetManager.getOnScreenOffPanelWidgets(), function(widget){</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">//&nbsp;&nbsp; if(widget.closeable){</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">//&nbsp;&nbsp;&nbsp;&nbsp; this.widgetManager.closeWidget(widget);</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">//&nbsp;&nbsp; }</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// }, this);‍‍‍‍‍‍‍‍‍</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">.</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>

All comments

MichaelDeliberato

GisGK Auckland‌ is it possible to make the widget unable to be minimized or closed? we have a piece of text that we want onscreen no matter what. is that possible?

GisGKAuckland

Guess this is what I was after

RobertScheitlin__GISP

When using the launchpad theme if you add widgets to the AnchorBar controller instead of the on screen widget place holders then you can have as many open as you wish.

Short of using those two themes than you would have to modify the OnScreenWidgetIcon.js to comment out the code that closes all other open on screen widget:

&nbsp;&nbsp;&nbsp; switchToOpen<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>state <SPAN class="operator token">=</SPAN> <SPAN class="string token">'opened'</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// this.panelManager.closeAllPanelsInGroup(this.widgetConfig.gid);</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// array.forEach(this.widgetManager.getOnScreenOffPanelWidgets(), function(widget){</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">//&nbsp;&nbsp; if(widget.closeable){</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">//&nbsp;&nbsp;&nbsp;&nbsp; this.widgetManager.closeWidget(widget);</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">//&nbsp;&nbsp; }</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// }, this);‍‍‍‍‍‍‍‍‍</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">.</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>

GisGKAuckland

Thanks for the reply

The Launchpad theme is the one currently used and from current indications people are not flexible to move to another theme.

I agree if the widget is put in the Box controller or the widget pool (as referred in the config), they remain open. This widget remain outside the Box Controller . These widgets behave like the minimize, maximize & home button in the left top.

One can put a basemap or About widget outside Box Controller and check the behavior. Only one is allowed open at one time. I can share a video if I am still not clear

RobertScheitlin__GISP

If you use the launchpad theme or box theme then you can have multiple widgets open at once.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.