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

Resizing widget dynamically

VenkataSrikanthDasari

Hi,

Once the user done with the operations on the map, I need a button to resize to 80% of the web page and then back to normal stage whenever he wants to do some operations on the map..

I am configuring widget in widgetOnScreen node..

Please do the needful.

Cheers,

Srikanth Dasari

Find more posts tagged with

Accepted answers

rscheitlin

Srikanth,

OK then in that case in your widget use code like this:

<SPAN class="keyword token">var</SPAN> tmp <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; l<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp; t<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp; w<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">500</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp; h<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">500</SPAN>
<SPAN class="punctuation token">}</SPAN>
<SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">getPanel</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">resize</SPAN><SPAN class="punctuation token">(</SPAN>tmp<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>

All comments

rscheitlin

Not sure I understand then. Widgets in the HeaderController Widget automatically maximize(unfold) then opened.

VenkataSrikanthDasari

Yes.

On Fri, 12 Jan 2018 at 11:46 am, Robert Scheitlin, GISP <geonet@esri.com>

rscheitlin

Do you mean you have it in the header controller or something?

VenkataSrikanthDasari

For Widget Pool???

rscheitlin

An onScreenWidget does not have a maximize.

VenkataSrikanthDasari

Hi Robert,

Could you please help me on maximizing the widget programmatically??

Cheers,

Srikanth Dasari

VenkataSrikanthDasari

Initially, widget will be in default size then I will do some operations..blah blah...

which is a big massive report and it requires entire page to display.. I have to resize here to show the entire report (I don't want user to resize the widget). Whenever user is going to generate the report for the other operation.. here I would like to give a button to get back to the normal size of the widget...

Hope you understood the concept now..

Cheers,

Srikanth Dasari

RickeyFight

Can you provide screen shots of what you are thinking?

VenkataSrikanthDasari

rscheitlin

I need a button to resize to 80% of the web page

Why on earth?...

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.