topic Re: Setting height/width of Custom On Screen Widget in Web AppBuilder Custom Widgets Questions

Setting height/width of Custom On Screen Widget

SimonFisher — Wed, 03 Dec 2014 20:17:40 GMT

What's the easiest way to set the height/width of a on screen widget? Is it suppose to work via config or do I need to alter in CSS or JavaScript?

I thought it would be in the config or manifest like this below, but it doesn't seem to be working for me.

"properties": {

"inPanel": true,

"hasLocale": true,

"hasStyle": true,

"hasConfig": true,

"hasUIFile": true,

"hasSettingPage": false,

"hasSettingUIFile": false,

"hasSettingLocale": false,

"hasSettingStyle": false,

"IsController": false,

"openAtStart": true,

"positionRelativeTo": "map",

"position": {

"left": 0,

"top": 0,

"right": 0,

"bottom": 30,

"width": 400,

"height": 650

},"openAtStart": true

}

Re: Setting height/width of Custom On Screen Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:31:49 GMT

Simon,

Setting the width and height in the apps config.json after it is created work for me:

     {
        "position": {
          "left": 55,
          "top": 45,
          "width": 600,
          "height": 410
        },
        "placeholderIndex": 1,
        "id": "_5",
        "positionRelativeTo": "map",
        "name": "eSearch",
        "openAtStart": true,
        "label": "Enhanced Search",
        "isThemeWidget": false,
        "uri": "widgets/eSearch/Widget",
        "config": "widgets/eSearch/config_Enhanced Search.json"
      },

Re: Setting height/width of Custom On Screen Widget

SimonFisher — Fri, 05 Dec 2014 15:06:36 GMT

Do you know if this works for both In-panel and off-panel widgets?

Re: Setting height/width of Custom On Screen Widget

RobertScheitlin__GISP — Fri, 05 Dec 2014 15:46:48 GMT

Simon,

my example is for an in-Panel widget. I have not tested other types.

Re: Setting height/width of Custom On Screen Widget

SimonFisher — Fri, 05 Dec 2014 15:54:27 GMT

Looks like that is the issue the position and height/width only seem to be valid for in-panel widgets.

Thanks Robert

Re: Setting height/width of Custom On Screen Widget

SimonFisher — Fri, 05 Dec 2014 20:00:36 GMT

Does anyone know if it's possible to alter height/width of the side locked widgets launched from the header? Setting these properties doesn't seem to work for those ones.

Re: Setting height/width of Custom On Screen Widget

RobertScheitlin__GISP — Fri, 05 Dec 2014 20:39:26 GMT

Simon,

Are you talking about in the Tab theme?

Re: Setting height/width of Custom On Screen Widget

SimonFisher — Fri, 05 Dec 2014 20:41:36 GMT

No I'm actually using the Foldable theme.

Re: Setting height/width of Custom On Screen Widget

RobertScheitlin__GISP — Fri, 05 Dec 2014 20:47:04 GMT

Simon,

Those are not meant to be messed with. The app controls the appearance of those widgets though code based on its responsive design (how it handles tables and mobile devices).

Re: Setting height/width of Custom On Screen Widget

SimonFisher — Fri, 05 Dec 2014 21:10:29 GMT

So if I change the width of those panels in css or js it will mess up the responsive UI?