I want make that a window like this enter image description here

Has the foldable behaviour, like this foldable window: enter image description here

I need a window foldable, moveable and resizable, any idea?


The behavior you're talking about is inherited when it is an "In-panel" widget (so it shows up in the header with the collapse option). If you are creating a custom widget, you can set the inPanel property to true in the Widget Manifest file:

enter image description here

Or if you add it to the Header Controller it will automatically be an in panel widget:

enter image description here

Then simply add your widget:

enter image description here

  • The inPanel propertie it's true in the manifest of my widget. I need a window foldable, moveable and resizable, so if I put my widget en the header controller, will be foldable, but not moveable or resizable. – Pilgrim Jun 12 '17 at 18:56
  • 1
    In that case, it's kind of hacky, but maybe you could just hijack some of the html/css and add a div with the classes esri uses. For example <div class="foldable-btn jimu-vcenter jimu-float-trailing fold-up" data-dojo-attach-point="foldableNode" data-dojo-attach-event="onclick:_onFoldableBtnClicked" style="display:block; margin-top: 17.5px;></div>". I have not tested but should work in theory. Keep in mind though, this stuff is automatically added when a mobile devices is used so you may want to do some media queries first... – crmackey Jun 12 '17 at 22:07
  • Thanks, its a good idea. Now I just have the problem that when I maximize the window, it doen't maintain position or original size – Pilgrim Jun 13 '17 at 13:00
  • 1
    Yeah, that may be beyond your control as it is probably WAB/jimu overriding css. – crmackey Jun 13 '17 at 16:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.