Panel default size

[eduAED]

How can I configure the default size of a Panel?

I want to start a widget within a small panel.

Thanks!

[StanMcShinsky]

edu AED ,

To change the default panel size you just need to adjust the values in the main config.json file. In there you will see values for height and width. This will allow you to adjust the size of the panel individually.

-Stan

[eduAED]

I would like to configure it on the widget itself by default. I tried to configure it on the manifest.json file, but it is not working.

Is there any other way to do it?

Thanks!

[StanMcShinsky]

I was referencing the main config.json file in server\apps\##\config.json not in the widget folder.

for example:

        "position": {
          "left": 55,
          "top": 45,
          "width": 400, //change this value
          "height": 410 //change this value
        },

-Stan

[eduAED]

Yes, I know. But then it must be configured for each application.

My question is if it can be configured in the widget itself by default.

Thanks.

[StanMcShinsky]

edu AED ,

If you want to set it as the default for all new apps created then you would need to set it in the stemapp layout theme. For example for the foldable theme you need to edit the config here: arcgis-web-appbuilder-1.1\client\stemapp\themes\FoldableTheme\layouts\default\config.json This will make that widget spot that size no matter what widget you load into it.

For example, if you change the height to 800 and width to 600 of the widget space in that file and you reload your theme into your web app then every time you add a widget in that space (no matter the widget) you will get the panel to be that size. Here you are starting to create a custom theme.

If you want to adjust the width of the side panel then you would need to go into \arcgis-web-appbuilder-1.1\client\stemapp\themes\FoldableTheme\panels\FoldablePanel\Panel.js and modify this chunck of code and change the value from 360 to whatever you want.

    function getPanelWidth() {
      var layoutBox = html.getMarginBox(jimuConfig.layoutId);
      if (layoutBox.w <= criticality) {
        return '100%';
      } else {
        return 360;
      }
    }

-Stan

[PrevinWong1]

If you mean that you want to resize the widget panel during start up so that you are using the default theme, but want different size widgets, then I think you need to go through PanelManager.

require(["jimu/PanelManager","dojo/dom-style"], function(PanelManager, domStyle) {

var pm = PanelManager.getPanelById("__id__Panel");

domStyle.set(pm,"width",100);

}); something like that.

Very vague documentation.

PanelManager class—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

[StanMcShinsky]

Previn Wong ,

I have not tried that but it might be interesting to look into.

-Stan

[eduAED · Accepted solution]

Thanks Previn!

I tryed what you said but it is not working for me...

What works for me was:

var pm = PanelManager.getPanelById("__id__Panel");

pm.resize({w:100});

Thanks!!

[denverweston]

Can a resize be done on the current open panel?