topic Re: PanelManager.showPanel() does not apply LaunchPad theme anchorbar controller icon colour to panel header in ArcGIS Web AppBuilder Questions

PanelManager.showPanel() does not apply LaunchPad theme anchorbar controller icon colour to panel header

AndrewTerwiel — Sun, 12 Dec 2021 03:03:49 GMT

I have the following code that successfully shows a widget panel. When using the Launchpad theme, the colour from the widget's button icon in the AnchorBarController doesn't get applied to the panel header. It should look like this:

but instead looks like this:

Also, when minimised the panel looks like this:

when it should take on the colour of the button icon in the AnchorBarController like this:

The code:

var myWidget = null;
              arrayUtils.some(this.wManager.appConfig.widgetPool.widgets, function (aWidget) {
                  if (aWidget.name === widgetName) {
                      myWidget = aWidget;
                  }
              });

              if (myWidget) {
                  // check for presence of the AnchorBarController
                  var controller = this.wManager.getWidgetsByName("AnchorBarController");
                  if (controller.length > 0) {
                      this.pManager.showPanel(myWidget).then(lang.hitch(this, function (panel) {
                          panel.setPosition({ top: 120, left: 10, width: 350, height: 480, margin: 10, index: 0 });
                      }));

                  }
                  else {
                      this.pManager.showPanel(myWidget);
                  }
              }

Does anyone know of a way to get the icon colours to apply to the panel?

Re: PanelManager.showPanel() does not apply LaunchPad theme anchorbar controller icon colour to panel header

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:03:52 GMT

Andrew,

Here is the fix for that:

_showWidget: function (widgetName) {
        this.wManager = WidgetManager.getInstance();
        this.pManager = PanelManager.getInstance();
        var myWidget = null, panelConfig = null, dockableItem = null;
        arrayUtils.some(this.wManager.appConfig.widgetPool.widgets, function (aWidget) {
            if (aWidget.name === widgetName) {
                myWidget = aWidget;
            }
        });

        if (myWidget) {
          // check for presence of the AnchorBarController
          var controller = this.wManager.getWidgetsByName("AnchorBarController");
          if (controller.length > 0) {
            var abc = controller[0]
            arrayUtils.some(abc.iconList, lang.hitch(this, function (wpanel) {
              var pc = wpanel.getConfigForPanel();
              if (pc.name === widgetName) {
                wpanel.setOpened(true);
                wpanel.setPanelIndex(abc._calPanelIndex());
                panelConfig = wpanel.getConfigForPanel();
                dockableItem = wpanel;
                return true;
              }
            }));
            this.pManager.showPanel(panelConfig).then(lang.hitch(this, function (panel) {
              panel.setPosition(panelConfig.panel.position);
            }));
            abc._addToOpenedIds(dockableItem.config.id);
          } else {
            this.pManager.showPanel(myWidget);
          }
        }
      },

Re: PanelManager.showPanel() does not apply LaunchPad theme anchorbar controller icon colour to panel header

AndrewTerwiel — Mon, 02 May 2016 22:54:05 GMT

Thanks, Robert.