Created on 23 November 2022
icon_unfollowing
Login to follow
draggable-window

Draggable Window

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 23 November 2022 by 
draggable-window

Draggable Window

Documentation
1.0.0

Options

  • 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!


Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
See all 1 dependencies