topic Re: WAB Custom Widget Size in ArcGIS Web AppBuilder Questions

WAB Custom Widget Size

JerryStafurik — Thu, 03 May 2018 06:40:05 GMT

Hi,

I've developed a custom widget for WAB, that I need to change the default size of. How can I change the default widget panel height? I need to make the panel smaller, so that it doesn't take up as much screen space.

Thanks

Re: WAB Custom Widget Size

RobertScheitlin__GISP — Sat, 11 Dec 2021 14:57:02 GMT

Jerry,

The widget size can be set in the apps main config.json by adding a height and width property to the widgets position object:

      {
        "position": {
          "left": 55,
          "top": 45,
          "width": 200,
          "height": 200,
          "relativeTo": "map"
        },
        "placeholderIndex": 1,
        "id": "_5",
        "closeable": true,
        "uri": "widgets/eSearch/Widget",
        "openAtStart": true,
        "name": "eSearch",
        "config": "configs/eSearch/config__5.json",
        "version": "2.5.0.1"
      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: WAB Custom Widget Size

JerryStafurik — Fri, 04 May 2018 02:42:21 GMT

Thanks for your response Robert. This is a global setting in the app for the widget; I was wondering whether it's possible to apply this to the widget itself. The widget I'm developing is going to be used in ArcGIS Portal 10.5.1 apps as well, and I would like to make sure that where ever the widget is used, the dimension settings are shipped with the widget. Is this possible?

Re: WAB Custom Widget Size

RobertScheitlin__GISP — Sat, 11 Dec 2021 14:57:05 GMT

Jerry,

There is not a absolute way to do this. There are going to be times when the widget is in a panel that will not be resized. If the widget is in a onScreenWidgetPanel then this will work:

      onOpen: function() {
        this.getPanel().resize({w:200,h:200});
      },‍‍‍

Re: WAB Custom Widget Size

JerryStafurik — Wed, 09 May 2018 07:27:44 GMT

Thanks Robert, this worked for me.

Re: WAB Custom Widget Size

AdamGebhart — Thu, 11 Mar 2021 19:40:53 GMT

@RobertScheitlin__GISP

Should the addition of the height and width work for the Legend widget too? I have an app in which users have requested it be on at startup (I personally don't like any other than the Popup Panel on at startup but that's me). I tried adding the height and width to the Legend and as onScreen widget and it didn't seem to take. This app is 2.13 and in Foldable theme.