You declare dialogs directly under the
<xh:body>element (or under the
<fr:body>element for Form Runner forms) with:
appearance="full | minimal"
Content of the dialog (XHTML + XForms)
- When you have
appearance="full"on the dialog, you define the title of the dialog with the embedded
- Inside an
<xxf:dialog>you can use all the XHTML and XForms elements you can normally use elsewhere on the page. You can have other XForms controls, or show anything you would like to with HTML.
- The attributes on the
<xxf:dialog>are as follows:
You can set the appearance to either
- The first screenshot below shows a dialog with
appearance="full"while the second one shows a dialog with
- In general, you will use the minimal dialog when you want to show a limited set of information which is related to a certain element in the page. The minimal dialog is sometime also referred to as a "drop-down dialog".
- Some of the other attributes on
<xxf:dialog>can only be used for the full or the minimal dialog. You will find more details on this below.
You open a dialog by using the
<xxf:show ev:event="DOMActivate" dialog="hello-dialog"/>
If the dialog is already open, no action takes place.
xxf:showsupports the following attributes:
You close a dialog by using the
<xxf:hide ev:event="DOMActivate" dialog="hello-dialog"/>
If the dialog is already closed, no action takes place.
xxf:hidesupports the following attributes: