topic Re: On Screen widget container moving when browser resized in Web AppBuilder Custom Widgets Questions

On Screen widget container moving when browser resized

JoelPerkins — Thu, 06 Sep 2018 20:43:25 GMT

Hello. I have an onscreen widget that I am using with the plateau theme and the widgets are stacked top to bottom on the left hand side of the screen. I found out that when I resize the browser window (making it narrower or even reducing the height of the browser) my widget icon/container shoots across to the right side of the screen. In the config.json, I have the position set to

position: {

top: 212,

left: 7,

relative to: map

}

What else might need to be done to keep the widget from moving clear across the screen when I resize the browser window.

Re: On Screen widget container moving when browser resized

RobertScheitlin__GISP — Thu, 06 Sep 2018 20:54:36 GMT

Joel,

Make it relative to: browser instead of map.

Re: On Screen widget container moving when browser resized

JoelPerkins — Thu, 06 Sep 2018 22:33:51 GMT

Hmm, it doesn't seem to make a difference -- it gets popped off either way. Almost like there is a limit to how many icons can be stacked.

Re: On Screen widget container moving when browser resized

RobertScheitlin__GISP — Thu, 06 Sep 2018 22:46:47 GMT

Have you added more to the default three?

Re: On Screen widget container moving when browser resized

JoelPerkins — Thu, 06 Sep 2018 23:08:59 GMT

Even if I turn all the default ones off, my widget still moves.

Re: On Screen widget container moving when browser resized

RobertScheitlin__GISP — Thu, 06 Sep 2018 23:21:18 GMT

??? So did you add more onscreen placeholders? What do you mean turned off the default ones?

Re: On Screen widget container moving when browser resized

JoelPerkins — Thu, 06 Sep 2018 23:27:12 GMT

I just made them visible: false.

Should my widget be grouped with the rest of these off panel widgets? Maybe that's an issue? You see how mine is in it's own section?

Re: On Screen widget container moving when browser resized

RobertScheitlin__GISP — Fri, 07 Sep 2018 00:10:17 GMT

Joel,

No that is exactly where standard widgets should appear the ones above are different are different type of widgets.

So what I don’t understand is when you say made them not visible, that tells me we are not talking about the same thing. Maybe more screenshots would help.

Re: On Screen widget container moving when browser resized

JoelPerkins — Fri, 07 Sep 2018 16:06:39 GMT

Thanks Robert.

This is what it looked like before I added my widget to the screen.

We didn't want the "My Location" widget, so I just made it visible: false and it disappears.

And then I moved my widget into the void left by the "my Location" widget. But maybe that's the issue, that just because "My Location Widget" isn't visible, it's still there? But still, even if I move my widget down and make it the bottom widget, it still "pops off" when resizing the browser.

Re: On Screen widget container moving when browser resized

RobertScheitlin__GISP — Fri, 07 Sep 2018 16:31:44 GMT

Joel,

Can you attach your main config.json for me to review?

Re: On Screen widget container moving when browser resized

JoelPerkins — Fri, 07 Sep 2018 16:59:16 GMT

I've attached the config.json. Thanks Robert.

Re: On Screen widget container moving when browser resized

RobertScheitlin__GISP — Fri, 07 Sep 2018 17:47:28 GMT

Joel,

OK, now I see. You are using the Plateau theme and there is no support for onScreen widgets like you are attempting. The theme is just not designed for this.

Re: On Screen widget container moving when browser resized

JoelPerkins — Fri, 07 Sep 2018 20:14:09 GMT

Good to know, Robert. I'll pick a different theme or just deal with the behavior. I really appreciate it!