topic Re: Change default size for widget window in Web AppBuilder Custom Widgets Questions

Change default size for widget window

LeoLadefian5 — Wed, 14 Sep 2016 16:27:26 GMT

I'm trying to make my widget popup a little bigger to encapsulate the streetview widget. I can't seem to find the css to modify the default window size once the widget is clicked. This is for the jewelry box theme, the search bar widgets. Thanks!

Re: Change default size for widget window

RobertScheitlin__GISP — Wed, 14 Sep 2016 16:40:33 GMT

Leo,

So are you asking how to make the JewleryBox themes side panel widget larger?

Re: Change default size for widget window

LeoLadefian5 — Wed, 14 Sep 2016 16:44:25 GMT

Sorry should have been more specific, the attachment shows a picture of the widgets I'm referring to, I'm not sure the name of that docking location.

Re: Change default size for widget window

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:47:05 GMT

Leo,

If you are talking about the onscreen widget placeholders (i.e 1,2,3 widgets) then all you have to do is add a width and or height to the main config.json for those widgets (line 6).

      {
        "position": {
          "left": 55,
          "top": 45,
          "relativeTo": "map",
          "width": 200
        },
        "placeholderIndex": 1,
        "id": "_23",
        "name": "StreetView",
        "label": "Google Street View",
        "version": "2.0.1",
        "uri": "widgets/StreetView/Widget",
        "config": "configs/StreetView/config_Google Street View.json"
      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Change default size for widget window

LeoLadefian5 — Wed, 14 Sep 2016 20:19:00 GMT

Many thanks!

Re: Change default size for widget window

RobertScheitlin__GISP — Fri, 16 Sep 2016 12:13:01 GMT

Leo,

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.