Widget interactions allows certain widgets to interact with one another, for example, Result List, Google Map, Bookmarks etc. All these widgets
contain an Interactions tab in their properties panel.
This feature provides:
a list of widgets on which you can create interactions.
a field to specify the name of the widget that must be linked to the
current widget, in exa.io.<property name>
fields.
Context: The following use case shows how to create a form with widget
interactions. In this example we want to restrict the search results
with two input widgets: one to select an author and one to select a start
date using a datepicker. The aim is to link the input widgets to the
Standard Search Form widget so as to submit the form with its Search
button. The results will be filtered according to the selected author
and start date.
In Mashup Builder, select a page, for example
/search, and select the Design view.
From the Widgets panel, drag and drop widgets to assemble your form.
In our example, we add a set of Label and Input widgets to create a form, as represented
in the following table and screenshots.
Row #
Label Widget
Input Widget
1
Text: Author
Name: author,
Type: text
Interactions:
Standard Search Form
2
Text: Start Date
Name: startdate,
Type: datepicker
Interactions:
Standard Search Form
Select the Preview to check your configuration changes.
You should see the form on your Mashup Builder page, and be able to complete it.
Click Apply.
Form inputs linked to the Search button of the Standard Search Form
