Tooling for Interactive Apps (aka Edit Mode)

Structr provides built-in tooling to support creation of interactive web applications.

Historically, this feature is called Edit Mode which is a bit misleading because there are other kinds of interaction between Structr frontend apps and the backend than just editing data, so we also use the term Interaction Mode as a synonym.

The Interaction Mode is automatically enabled by defining certain parameters on form elements like buttons, select boxes or input fields. If at least one element in a page has an Edit Mode parameter configured, a set of JavaScript libraries are included in the current page, adding functionality to the form elements that are parametrized , preparing them for activation of the Interaction Mode.


One of the key elements is the Action Button which defines the action to be performed when the button is clicked. Typically, there are a number of input fields which can be parametrized to be bound to the Action Button to transmit parameters with the action request. Any element in a Structr page can be configured to be transformed into a form element and assigned an attribute key.

Active Input Elements can be used to supply parameters for Create Buttons and Login Buttons.

Dynamic Output Elements can be used to create dynamic forms that are transformed into an editing form when connected to an Edit Button.

About this article
Last change 2017-08-30
Topics Structr 2.0