topic Re: Move form over the panel in Jewelry box theme in Web AppBuilder Custom Widgets Questions

Move form over the panel in Jewelry box theme

SebastienPelletier — Wed, 04 May 2016 18:47:11 GMT

I develop with the web appbuilder developer and I use the theme Jewelry box.

I wonder if there a way to move a form (example: Mesasure wiget) over the left panel. By default the form is moving under and is hidden by the panel.

Thanx

Re: Move form over the panel in Jewelry box theme

RobertScheitlin__GISP — Sun, 12 Dec 2021 09:38:47 GMT

Sebastien,

This may have other adverse effect I have not seen but here is some simple css to fix that:

.map{
  overflow: visible !important;
}

Just add it to the common.css for your server\apps\[app#]\themes\JewelryBoxTheme

Re: Move form over the panel in Jewelry box theme

SebastienPelletier — Tue, 10 May 2016 16:59:43 GMT

Thank you Robert , this solution works and very easy to do . But there is a gap with the edge of the application because it is impossible to move a form to the edge (see image).

Re: Move form over the panel in Jewelry box theme

RobertScheitlin__GISP — Tue, 10 May 2016 17:24:59 GMT

Sebastien,

Yep I can not seem to get past that limit either.

Re: Move form over the panel in Jewelry box theme

SebastienPelletier — Tue, 10 May 2016 18:09:20 GMT

I found , you must change all the calls to : "this.makeMoveable " method in the file jimu.js \ OnScreenWidgetPanel.js
and change the value 0.25 to the desired value

Re: Move form over the panel in Jewelry box theme

RobertScheitlin__GISP — Tue, 10 May 2016 18:29:24 GMT

Sebastien,

Glad you got it working. Don't forget to mark this thread as answered by clicking on the "Correct Answer" link on the thread that answered your question.