topic Re: How to open a widget (in a placeholder) programmatically ? in ArcGIS Web AppBuilder Questions

How to open a widget (in a placeholder) programmatically ?

MathieuVILLEMONT1 — Thu, 22 Oct 2015 09:07:33 GMT

In the Web Appbuilder Developer Edition, say I want to open a widget which is not in a controller but in a place holder. How can I manage that ?

I've tried using the WidgetManager openWidget(widget) followed by PanelManager showPanel() functions but it only works if the widget has already been opened once before (manually).

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Sat, 11 Dec 2021 23:16:20 GMT

Mathieu,

I have no problem at all opening a widget in a onscreen placeholder that has not been opened yet using these two lines of code only from inside another widget.

var pm = PanelManager.getInstance();
pm.showPanel(this.appConfig.widgetOnScreen.widgets[4]);

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Mon, 26 Oct 2015 13:50:16 GMT

Mathieu,

Did my reply not answer your question?

Re: How to open a widget (in a placeholder) programmatically ?

MathieuVILLEMONT1 — Mon, 26 Oct 2015 16:31:44 GMT

Yes it did ! I thought I marked it as resolved... Still making my way through GeoNet

Re: How to open a widget (in a placeholder) programmatically ?

LefterisKoumis — Thu, 12 Nov 2015 17:44:31 GMT

Robert,

for on screen widget that is not visible and not started, I tried this but it does not open the widget

var wm =WidgetManager.getInstance();

wm.openWidget("widgets_BufferSelection_53");

The widgets_BufferSelection_53 is the widget id as identified in the config.json

Thanks.

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Thu, 12 Nov 2015 19:34:13 GMT

Lefteris,

Did you try that code that is marker as the answer?

Re: How to open a widget (in a placeholder) programmatically ?

LefterisKoumis — Thu, 12 Nov 2015 19:48:56 GMT

Yes, I did. It never open the widget.

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Thu, 12 Nov 2015 20:16:22 GMT

Lefteris,

I just tried these two lines of code again and they worked flawlessly:

var pm = PanelManager.getInstance();

pm.showPanel(this.appConfig.widgetOnScreen.widgets[4]);

Re: How to open a widget (in a placeholder) programmatically ?

LefterisKoumis — Thu, 12 Nov 2015 21:24:13 GMT

Hmm. I am wondering what do I do wrong.

config.json:

"widgetOnScreen": {

"widgets": [

{

"uri": "widgets/BufferSelection/Widget",

"version": "1.3",

"id": "widgets_BufferSelection_53",

"name": "BufferSelection",

"label": "Buffer Selection",

"openAtStart": false

.............

widget.js of another widget that calls the Buffer Selection

.........

var pm = PanelManager.getInstance();

pm.showPanel(this.appConfig.widgetOnScreen.widgets["widgets_BufferSelection_53"]);

........

and I get the error:

Cannot read property 'id' of undefined for the second line above

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Thu, 12 Nov 2015 21:38:18 GMT

Lefteris,

Because the pm.showPanel function is expecting the the whole widget configuration object and this.appConfig.widgetOnScreen.widgets["widgets_BufferSelection_53"] is not doing that. what is the index (i.e. postilion number) of the widgets_BufferSelection_53 in the widgetOnScreen widget array?

Once you figure that out then use that number as below:

pm.showPanel(this.appConfig.widgetOnScreen.widgets[0]);

Re: How to open a widget (in a placeholder) programmatically ?

LefterisKoumis — Thu, 12 Nov 2015 21:47:47 GMT

A childish mistake. I assumed that the parameter in the this.appConfig.widgetOnScreen.widgets is the widget id and I didn't notice the array.

Yes, it works now. However, when the Buffer Selection widget opens it closes the widget that calls it. How can I retain both widgets visible?

Thank you.

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Thu, 12 Nov 2015 21:57:50 GMT

Lefteris,

Depends on the theme you are using. Most themes are only permited to have on widget open at a time. But the Launchpad theme allows for multiple to be open and you can have a on screen and a widget in the side panel of the foldable theme open at the same time.

Re: How to open a widget (in a placeholder) programmatically ?

LefterisKoumis — Thu, 12 Nov 2015 22:19:01 GMT

I am using the launchpad and I wanted have the buffer widget along the attribute table open at the same time. As you change the parameters in the buffer widget, the attribute table would update accordingly. Possible?

Re: How to open a widget (in a placeholder) programmatically ?

JamesCrandall — Fri, 11 May 2018 14:32:32 GMT

Dumb question: how do I add PanelManager as a reference to my ScaleBar widget? I'm attempting to open another widget at index (2) when the ScaleBar widget loads but getting "fail to startup widget Scalebar. ReferenceError: PanelManager is not defined" error.

Re: How to open a widget (in a placeholder) programmatically ?

RobertScheitlin__GISP — Fri, 11 May 2018 14:45:27 GMT

James,

You just add the require for 'jimu/PanelManager' to the require list.