topic Re: Open Print widget in Web AppBuilder Custom Widgets Questions

Open Print widget

TomLeMahieu — Mon, 06 Jun 2016 14:39:06 GMT

I'm trying to open the Print widget from another widget. If the widget has already been loaded I have no problem. If the print widget hasn't been loaded, it creates the widget and it creates the panel, but nothing shows. How do I show the panel?

Console:

widget [widgets/Print/Widget] created.

PanelManager.js:83 panel [widgets_Print_Widget_35_panel] created.

Code:

_openPrintWidget: function () {

if (this.wManager) {

var widgetCfg = this._getWidgetConfig('Print');

if(widgetCfg){

var printWidget = this.wManager.getWidgetByLabel(widgetCfg.label);

if(printWidget){

this.wManager.openWidget(printWidget);

this.pManager.showPanel(printWidget);

} else {

this.wManager.loadWidget(widgetCfg).then(lang.hitch(this, function(widget){

if(widget){

this.wManager.openWidget(widget);

this.pManager.showPanel(widgetCfg);

}

}));

}

Re: Open Print widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:26:08 GMT

Tom,

What theme are you working with, is the print widget in one of the themes controller widgets?

Here is some change to your code that sets the postion of the panel:

_openPrintWidget: function () {
        if (this.wManager) {
            var widgetCfg = this._getWidgetConfig('Print');
            if(widgetCfg){
                var printWidget = this.wManager.getWidgetByLabel(widgetCfg.label);
                if(printWidget){
                    this.wManager.openWidget(printWidget);
                    this.pManager.showPanel(printWidget);
                } else {
                    this.wManager.loadWidget(widgetCfg).then(lang.hitch(this, function(widget){
                        if(widget){
                            this.wManager.openWidget(widget);
                            this.pManager.showPanel(myWidget).then(lang.hitch(this, function(panel){ 
                                panel.setPosition({ top: 120, left: 10, width: 350, height: 480, margin: 10, index: 0 }); 
                                this.pManager.normalizePanel(panel); 
                            }))
                        }
                    }));
                }         
            }
        }
      },

Re: Open Print widget

TomLeMahieu — Tue, 07 Jun 2016 20:04:57 GMT

Robert,

Thanks for your help. Something still isn’t right.

If I load the Print widget, close it and then open if from another widget, it works fine.

If I don’t load the Print widget and then open it from another widget using the openPrintWidget code you provided, then the Print Widget panel appears, but it stays blank and I get the following error:

widget [widgets/Print/Widget] created.

panel [widgets_Print_Widget_35_panel] created.

Error:

“PanelManager.js:148 fail to startup panel widgets_Print_Widget_35_panel. TypeError: Cannot read property 'id' of null”

Any ideas?

Tom

Re: Open Print widget

RobertScheitlin__GISP — Wed, 08 Jun 2016 13:21:29 GMT

Tom,

Can you provide more info?

What theme are you using?
Is the print widget in a a themes controller widget?

Re: Open Print widget

TomLeMahieu — Wed, 08 Jun 2016 15:53:28 GMT

Robert,

I'm using the Launchpad theme and the Print widget is not part of a controller widget.

Tom

Sent from my iPhone

Re: Open Print widget

RobertScheitlin__GISP — Wed, 08 Jun 2016 17:41:33 GMT

Tom,

Just to double check Your print widget is added to one of the on screen widget placeholders then and not the Anchorbar controller?

Re: Open Print widget

TomLeMahieu — Wed, 08 Jun 2016 19:35:38 GMT

Robert,

I'm assuming this is the anchorbar widget in which case the print widget belongs to it.

Tom

Re: Open Print widget

RobertScheitlin__GISP — Wed, 08 Jun 2016 21:18:05 GMT

Tom,

Yes that is the AnchorBarController.

var controller = WidgetManager.getInstance().getWidgetsByName('AnchorBarController');

var widgetCfg = this._getWidgetConfig('Print');

controller.openWidget(widgetCfg);

Re: Open Print widget

TomLeMahieu — Thu, 09 Jun 2016 01:10:53 GMT

Hmmmm...when I use the 3 lines above, the first line defines the controller as an array with 1 item. The second line defines widgetCfg but the third line gives me the error:

"controller.openWidget is not a function"

Am I missing something?

Re: Open Print widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:26:11 GMT

Tom,

Sorry about that. I have tested this code and it works fine:

        var widgetsConfig = this.appConfig.widgetPool.widgets;
        var widgetId;
        for(var i in widgetsConfig){
          if(widgetsConfig.name == "Print"){
            widgetId = widgetsConfig.id;
            break;
          } 
        }
        var abc = WidgetManager.getInstance().getWidgetsByName("AnchorBarController")[0];
        abc.setOpenedIds([widgetId]);

Re: Open Print widget

TomLeMahieu — Thu, 09 Jun 2016 14:46:11 GMT

Robert,

That worked beautifully! The widget opens just the way it should. Is there an easy way to get a reference to the widget using the widgetid defined in this code?

Tom

Re: Open Print widget

RobertScheitlin__GISP — Thu, 09 Jun 2016 14:55:19 GMT

Sure, just use

var printWidget = this.wManager.getWidgetById(widgetId);

Re: Open Print widget

TomLeMahieu — Thu, 09 Jun 2016 17:48:03 GMT

Robert,

Close but still not quite there.

//This works great and opens the print widget

var abc = WidgetManager.getInstance().getWidgetsByName("AnchorBarController")[0];

abc.setOpenedIds([widgetId]);

//None of the 3 sets a reference to the printwidget

//Error - printWidget = undefined, widgetId = "widgets_Print_Widget_35"

//printWidget = this.wManager.getWidgetById(widgetId);

//Error - didn't work at all

//printWidget = WidgetManager.getWidgetById(widgetId);

//Error - printWidget = undefined

printWidget = this.wManager.getWidgetById("widgets_Print_Widget_35");

It opens up the print widget fine, but in each case it just says the printWidget is undefined.

Re: Open Print widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:26:14 GMT

Tom,

you have to wait for the widget to open.

        var widgetsConfig = this.appConfig.widgetPool.widgets;
        var widgetId;
        for(var i in widgetsConfig){
          if(widgetsConfig.name == "Print"){
            widgetId = widgetsConfig.id;
            break;
          }
        }
        var abc = WidgetManager.getInstance().getWidgetsByName("AnchorBarController")[0];
        abc.setOpenedIds([widgetId]);
        var printWidget;
        setTimeout(function(){
          printWidget = WidgetManager.getInstance().getWidgetById(widgetId);
          console.info(printWidget);
        }, 1000);

Re: Open Print widget

TomLeMahieu — Fri, 10 Jun 2016 15:38:49 GMT

Robert - That worked. I did need to add a callback, but now it works well. Thanks so much for your help!!

This was the calling function:

onTest: function () {

var self = this;

self._openPrintWidget(function() {

this.PrintWidget.testPrint();

});

This was the final _openPrintWidget function:

_openPrintWidget: function (callback) {

//Opens print widget and assigns it to global variable PrintWidget

var printWidget;

var widgetCfg;

if (this.wManager) {

var widgetCfg = this._getWidgetConfig('Print');

if(widgetCfg){

printWidget = this.wManager.getWidgetByLabel(widgetCfg.label);

if(printWidget){

this.wManager.openWidget(printWidget);

this.pManager.showPanel(printWidget);

this.PrintWidget = printWidget;

callback();

} else {

//alert("code2");

var widgetsConfig = this.appConfig.widgetPool.widgets;

var widgetId;

for(var i in widgetsConfig){

if(widgetsConfig.name == "Print"){

widgetId = widgetsConfig.id;

break;

}

var abc = WidgetManager.getInstance().getWidgetsByName("AnchorBarController")[0];

abc.setOpenedIds([widgetId]);

setTimeout(function(){

printWidget = WidgetManager.getInstance().getWidgetById(widgetId);

console.info("PrintWidget: " + printWidget);

this.PrintWidget = printWidget;

callback();

},3000);

}

Re: Open Print widget

deepthip — Fri, 29 Jul 2016 04:06:22 GMT

Hi Robert,

var abc = WidgetManager.getInstance().getWidgetsByName("AnchorBarController")[0];

The AnchorBarController in the above statement refers to what ?

I am not getting what controller need to be kept their ? and the AnchorBarController is not working for me.

Re: Open Print widget

JamesCrandall — Fri, 11 May 2018 15:44:28 GMT

I'm getting "abc = undefined" when I run this and will not open the desired widget.

Re: Open Print widget

RobertScheitlin__GISP — Fri, 11 May 2018 15:56:04 GMT

James,

You are going to have to be way more specific. Are you using the Launchpad theme that this thread is talking about?

Re: Open Print widget

JamesCrandall — Fri, 11 May 2018 16:01:15 GMT

Sorry -- yes, Launchpad theme, WAB Dev 2.7

Also, I started a new thread so as to provide points for answers! https://community.esri.com/thread/214625-open-widget-from-scalebar-widget