Panel

<< <%SKIN-STRTRANS-SYNCTOC%> >>

Panel

Drag and drop the Panel Field element into the Mobile Editor, to open up the Panel form.

 

Click the topics to expand

 

Display Tab

 

 

Title

 

Title of the Panel Field

Theme

Theme of the Field

 

Tooltip

Adds a tooltip to the side of this field.

 

Custom CSS Class

 

Add a custom CSS class

 

Tab Index

Sets the tabindex attribute of this component to override the tab order of the form. See the MDN documentation on tabindex for more information.

 

Collapsible

If checked, this will turn this Panel into a collapsible panel.

 

Hidden

A hidden field is still a part of the form, but is hidden from view.

 

Hide Label

Hide the label (title, if no label) of this component. This allows you to show the label in the form builder, but not when it is rendered.

 

Disabled

Disable the form input.

 

Modal Edit

Opens up a modal to edit the value of this component.

 

 

API

 

Elements to be included for the API part of the message.

 

Property Name

 

The name of this field in the API endpoint.

 

Field Tags

 

Tag the field for use in custom logic.

 

Custom properties

 

Users configure any custom properties for this component. Use Add Another button to add more than one key.

 

 

 

Conditional

 

Simple

This component should display

 

Choose True or False

When the form component

 

Choose Submit

Has the value

 

Add a valid Value

 

Advanced Conditions

 

The following variables are available in all scripts.

 

Logic

 

Add certain logical information to the Message.

 

Start by choosing the Add Logic button.

 

 

Enter a Logic name, and choose a type namely :

 

Simple

 

 

 

Javascript

 

 

JSON Logic

 

 

Event

 

 

Next, add an Action.

 

 

Enter an Action Name and choose a Type.

 

Property

Choose a a property type

 

Value

Choose type Value to use an appropriate Java Script

 

Merge Component Schema

 

 

 

Layout

 

This section provides a map of Panel attributes for a component's input element.

Note: Attributes provided by other component settings or other attributes generated by form.io take precedence over attributes in this grid.

 

Click on Add Attributes to add an Attribute Name and Attribute Value.

 

 

PDF Overlay, is exclusively for PDF Forms only.

 

 

Style: Custom styles applied to this component when rendered in PDF.

 

Page: The PDF page to place this component.

 

Left: The left margin within a page to place this component.

 

Top: The top margin within a page to place this component.

 

Width: The width of the component (in pixels).

 

Height: The height of the component (in pixels).