Move form over the panel in Jewelry box theme

[SebastienPelletier]

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

[RobertScheitlin__GISP · Accepted solution]

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

[SebastienPelletier]

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).

[RobertScheitlin__GISP]

Sebastien,

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

[SebastienPelletier]

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

[RobertScheitlin__GISP]

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.