Setting height/width of Custom On Screen Widget

[SimonFisher]

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

    }

[RobertScheitlin__GISP]

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"
      },

[SimonFisher]

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

[RobertScheitlin__GISP · Accepted solution]

Simon,

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

[SimonFisher]

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

Thanks Robert

[SimonFisher]

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.

[RobertScheitlin__GISP]

Simon,

    Are you talking about in the Tab theme?

[SimonFisher]

No I'm actually using the Foldable theme.

[RobertScheitlin__GISP]

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).

[SimonFisher]

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