Heading (with support for multiple lines)

Flexboss Modal

This page demonstrates a Flexboss based modal approach which enables the modal to:

  • Horizontally centered.
  • Self-expand according to its content.
  • Shrinks horizontally upon limited horizontal space.
  • Scroll when content exceeds the (vertical) viewport.
  • Have a fixed header which is always displayed, even though the content exceeds the viewport.

Inlined styles

The CSS styles for the modal have been inlined in the HTML code.

Required wrapper class

The Modal element must be contained in a .grid element in order for modal width specifications to work. The wrapper in this case is most likely the body element.