topic Re: how to change the width and height of the custom widget pragmatically in launchpad theme? in Web AppBuilder Custom Widgets Questions

how to change the width and height of the custom widget pragmatically in launchpad theme?

MS2 — Sun, 12 Dec 2021 08:43:14 GMT

how to change the width and height of the custom widget pragmatically in launchpad theme?. Setting in config file using position key and using the below code is not working for me. Is it a bug or am i missing something?

var pos = {  
           
          width: '600px',  
          height: '500px'  
        };
html.setStyle(this.domNode, pos);

Re: how to change the width and height of the custom widget pragmatically in launchpad theme?

RobertScheitlin__GISP — Thu, 04 Feb 2016 15:38:09 GMT

Mouli,

These two threads will help explain why you can not do this in the config.json like other themes:

Launchpad theme and panelmanager problem

Layer List auto start location change

Re: how to change the width and height of the custom widget pragmatically in launchpad theme?

MS2 — Sun, 12 Dec 2021 08:43:17 GMT

Thanks for your reply Robert. I want to change the size of the window after some user events( like on a button click), not on start up or from some other widget. I tried the below line and its not giving me the expected result. Any help will be appreciated. Thanks in advance.

this.setPosition(pos);
PanelManager.getInstance().normalizePanel(this.panel); //PanelManager.getInstance().normalizePanel(this);

Re: how to change the width and height of the custom widget pragmatically in launchpad theme?

RobertScheitlin__GISP — Wed, 10 Feb 2016 19:34:47 GMT

Mouli,

Not knowing what the "pos" var has in it I could not say whats wrong with your code.

Re: how to change the width and height of the custom widget pragmatically in launchpad theme?

MS2 — Sun, 12 Dec 2021 08:43:19 GMT

Robert,

"pos" variable is same as the one I mentioned in my question. check below.

var pos = {    
     width: '600px',    
     height: '500px'    
};
this.setPosition(pos);  
PanelManager.getInstance().normalizePanel(this.panel); //PanelManager.getInstance().normalizePanel(this);

Re: how to change the width and height of the custom widget pragmatically in launchpad theme?

RobertScheitlin__GISP — Wed, 10 Feb 2016 19:42:56 GMT

Mouli,

You need to re-look at the first link I provided the "pos" object need more than just width and height.

Re: how to change the width and height of the custom widget pragmatically in launchpad theme?

MS2 — Wed, 10 Feb 2016 21:18:46 GMT

Thanks Robert. It helped a lot.