fixed header and footer?

How to do this in the dialog, have a fixed header and footer? and just roll in the middle of the vertical

Place a VerticalLayout as the dialog’s content, give it a fixed height. Populate it e.g. with:

  1. A HorizontalLayout (e.g. containing a Span with the dialog’s title)
  2. A Div with overflow:auto and full height (from V14.2 onwards you can replace this with a full-height Scroller component); all scrollable content goes into this element.
  3. A HorizontalLayout (e.g. containing buttons)

Thanks, it worked !!!