Skip to content

Smart eForm Layout Editor

The Mythradon Smart eForm Layout Editor is used to define the pages and the layout of fields on the pages within a Smart eForm.

You access the Smart eForm Layout Editor from the Layout Editor button available on the Smart eForm Version as per the following image:

Mythradon Smart eForm Layout Editor - Light Mythradon Smart eForm Layout Editor - Dark

Note

The 'Layout Editor' can only be used to set or modify the page layout if the current 'Form Version' is in a 'Draft' status. You need to be either creating a new 'Form Version' or revising an existing 'Form Version'.


Panel

Panel is used as a placeholder for Fields in Smart eForm. A Panel can be the placeholder for other panels. The biggest panel is a Page and it is also a page of a form.

In the following screenshot, you can see that the form has 2 pages, inside the Page 1, we have 2 panels holding 2 fields.

Mythradon Smart eForm Layout Editor Panel Example - Light Mythradon Smart eForm Layout Editor Panel Example - Dark

To add a panel, click the Plus icon.

Mythradon Smart eForm Layout Editor Adding Panel - Light Mythradon Smart eForm Layout Editor Adding Panel - Dark

To expand a panel, click the Arrow icon.

Mythradon Smart eForm Layout Editor Adding Panel - Light Mythradon Smart eForm Layout Editor Adding Panel - Dark


Available Fields

On the right side of the Smart eForm Layout Editor, there is a small section called Available Fields. When a field is added to Form Versions via Fields Editors, it will be available here.

Fields that are in Available Fields can be dragged to put in the panels. Once a field is placed into a panel, it will be removed from Available Fields section.

Mythradon Smart eForm Available Fields - Light Mythradon Smart eForm Available Fields - Dark


Pre defined Dynamic Logics

The Pre defined Dynamic Logics allows you to configure the logic to make a whole page visible depending on the value of a field.

This is incredibly useful in cases where you want users to skip a page of adding a Credit Card Information if their desired payment method is not Credit Card.

Click Add button to create a new pre-defined logics. The following screenshot shows the Credit Card example: Page 2 will only be visible of the Credit Card field is not empty.

To learn more about Dynamic Logics.

Mythradon Smart eForm Layout Editor Pre Define Dynamic Logic Example - Light Mythradon Smart eForm Layout Editor Pre Define Dynamic Logic Example - Dark


See also