Custom dialogs/model logic

Search…
Introduction
NOTE: This is an advanced feature which requires XForms knowledge.
It can be useful to be able to define custom dialogs and/or custom model logic, either for a particular form or shared among a number of forms. For this, place your XML files with your custom dialogs and/or model logic under one of the following recommended locations:
WEB-INF/resources/forms/resources: if applies to all forms
WEB-INF/resources/forms/APP/resources: if applies to all form in a specific app
WEB-INF/resources/forms/APP/FORM/resources: if applies to a specific with a given app and form name
Then:
[SINCE Orbeon Forms 4.4] To point to a file containing your own model logic, define the oxf.fr.detail.model.custom.*.* property as shown in the example below. The value of the property is a URL which points to a file containing the custom logic. The format of the file is that of an XForms model. The custom content is included in your form's main model, which is identified by fr-form-model. This means that you have access to your form data in instance fr-form-instance, for example.
[SINCE Orbeon Forms 2017.2] To point to files containing a dialog, define the oxf.fr.detail.dialogs.custom.*.* property, as shown in the example below. Each file listed in the value of the property is expected to have a <xxf:dialog> as the root element.
1
<property
2
    as="xs:anyURI"
3
    name="oxf.fr.detail.model.custom.*.*"
4
    value="oxf:/forms/resources/my-model.xml"/>
5
<property
6
    as="xs:string"
7
    name="oxf.fr.detail.dialogs.custom.*.*"
8
    value="oxf:/forms/resources/my-dialog.xml"/>
Copied!
Make sure that the dialog's root element has the proper XML namespaces, for example:
1
<xxf:dialog
2
    xmlns:xh="http://www.w3.org/1999/xhtml"
3
    xmlns:xf="http://www.w3.org/2002/xforms"
4
    xmlns:xxf="http://orbeon.org/oxf/xml/xforms"
5
​
6
    id="custom-dialog"
7
    class="dialog"
8
    close="true"
9
    draggable="true">
10
​
11
    <!-- Content of the dialog here -->
12
</xxf:dialog>
Copied!
Separate file vs. code included within the form definition
The properties mentioned earlier make your dialogs and custom model logic separate from the rest of your form definition. This has the following benefits:
You can easily share that logic between form definitions.
You can rest assured that changed to your form definition with Form Builder will not impact your custom model logic.
We can note the following drawbacks:
You need to place a file on the server as it is not yet possible to upload custom model logic via Form Builder directly.
Custom logic needs to be migrated manually from environment to environment.
Example of custom model logic
Here is a very simple example:
1
<xf:model xmlns:xf="http://www.w3.org/2002/xforms">
2
    <xf:message event="foobar">
3
        Your email is: <xf:output value="instance()//email"/>.
4
    </xf:message>
5
</xf:model>
Copied!
Here we define custom XForms that reacts to an event called foobar and displays a message to the user.
We can create a custom button that dispatches that event with the following properties:
1
<!-- Place custom button on all `acme` forms -->
2
<property
3
  as="xs:string"
4
  name="oxf.fr.detail.buttons.acme.*"
5
  value="whizz"/>
6
​
7
<!-- Label for the button -->
8
<property
9
  as="xs:string"
10
  name="oxf.fr.resource.acme.*.en.detail.buttons.whizz"
11
  value="Whizz"/>
12
​
13
<!-- React to button activation by dispatching the event -->
14
<property
15
  as="xs:string"
16
  name="oxf.fr.detail.process.whizz.acme.*"
17
  value='xf:dispatch("foobar")'/>
18
​
19
<!-- Specify the custom model content -->
20
<property
21
  as="xs:anyURI"
22
  name="oxf.fr.detail.model.custom.acme.*"
23
  value='oxf:/forms/acme/whizz.xml'/>
Copied!
The result:
Form Runner message
Predefined buttons, processes and dialogs
Excel import
Last modified 2yr ago
Copy link
Contents
Introduction
Separate file vs. code included within the form definition
Example of custom model logic