topic Re: change on-screen icon placeholder size in Web AppBuilder Custom Widgets Questions

change on-screen icon placeholder size

HelenZhou — Thu, 03 Oct 2019 16:52:20 GMT

In WAB application at version 2.13, I would like to change the icon's place holder size of an Off-panel, on-screen widget. How do I do? thanks for any help.

Helen

Re: change on-screen icon placeholder size

RobertScheitlin__GISP — Thu, 03 Oct 2019 17:52:15 GMT

I believe this is the thraed you are looking for then:

https://community.esri.com/thread/171233

Re: change on-screen icon placeholder size

HelenZhou — Thu, 03 Oct 2019 18:23:05 GMT

Thanks Robert. I have read the thread, It looks like the code has been changed at version 2.13. I am not able to see the correspondent codes. I have changed jimu-widget-onscreen-icon in \jimu.js\css\jimu.css. It doesn't work. Do you have any idea?

Thanks

Helen

Re: change on-screen icon placeholder size

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

Helen,

You are right in 2.13 it has changed to BaseLayoutManager.js in the jimu.js folder (lines 21 and 22).

_createOnScreenWidgetIcon: function(widgetConfig){
      var iconDijit = new OnScreenWidgetIcon({
        panelManager: this.panelManager,
        widgetManager: this.widgetManager,
        widgetConfig: widgetConfig,
        configId: widgetConfig.id,
        map: this.map
      });

      if(widgetConfig.position.relativeTo === 'map'){
        html.place(iconDijit.domNode, this.mapId);
      }else{
        html.place(iconDijit.domNode, this.layoutId);
      }
      //icon position doesn't use width/height in config
      html.setStyle(iconDijit.domNode, jimuUtils.getPositionStyle({
        top: widgetConfig.position.top,
        left: widgetConfig.position.left,
        right: widgetConfig.position.right,
        bottom: widgetConfig.position.bottom,
        width: 40,
        height: 40
      }));
      iconDijit.startup();

      if(!this.openAtStartWidget && widgetConfig.openAtStart){
        iconDijit.switchToOpen();
        this.openAtStartWidget = widgetConfig.name;
      }

      this.onScreenWidgetIcons.push(iconDijit);
      return iconDijit;
    },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍