Dialog

/libs/granite/ui/components/foundation/layouts/dialog

The layout to render dialog.

The dialog is designed to expand to the container size, thus it is required to be contained in the container that has a size.

It has the following content structure at the layout resource:

granite:LayoutsDialog

formStylestring

1. vertical

1. vertical
2. aligned

The layout style of the form. This property only makes sense when the main component is a form.

vertical

The form fields (and their labels) are laid out in vertical manner.

aligned

The each form field is laid out side-by-side with its label.

It has the following content structure at the main resource:

granite:LayoutsDialogMain

jcr:titlestring

mandatory

i18n

The dialog title.

cancel

The component (usually button) used to cancel the form.

submit

The component (usually button) used to submit the form.

content

The body of this dialog.

Example:

+ mydialog
  - jcr:title = "My Dialog"
  - sling:resourceType = "granite/ui/components/foundation/container"
  + layout
    - sling:resourceType = "granite/ui/components/foundation/layouts/dialog"
  + cancel
    - sling:resourceType = "granite/ui/components/foundation/button"
    - text = "Cancel"
  + submit
    - sling:resourceType = "granite/ui/components/foundation/button"
    - text = "Submit"
  + content
    - sling:resourceType = "granite/ui/components/foundation/container"