Give us feedback
Reactive icon

Draggable Window

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 23 November 2022 by 
 (0 ratings)

Draggable Window



  • Initial State
    • Top - Position from top of browser window (in vh, default 25)
    • Left - Position from left of browser window (in vw, default 25)
    • Width - Width of draggable window (in px, default 600)

  • Styles
    • Window - Add styles to window wrapper
    • Header - Add styles to header container
    • Content - Add styles to content container
    • Footer - Add styles to footer container

  • Minimum Height - Min. height of draggable window (in px, default 200)
  • Minimum Width - Min. width of draggable window (in px, default 400)
  • Force Fullscreen - Place window in fullscreen an make it undraggable
  • Force FullScreen On Header Double Click - Enable feature

The component makes use of the BEM CSS styling convention.

It has been tested and verified in Chrome, Edge and Firefox.

Please do not hesitate to contact me if there are any issues or if you have any improvement suggestions!