Field Layout Options

You can change the frontend display layout of custom fields. Some layouts depend upon the type of the field.

1. Accordion

This can be used for sub form field type. In the sub form, create two fields. First field will be used as the title of accordion. Second field will be used as the content of accordion.

2. Alert

You can use this for any field type like text or text area.

• Dismiss: Enable or disable to make alert boxes with close button.

3. Badge

You can use this for field type that contains less content like text, calendar or number.

4. Button

This layout is used with Url field.

• Text: Enter the text or caption for the button.
• Target: Select the target window for the link.

5. Date

Use this layout with the Calendar field. The calendar icon is displayed before the date.

• Format: Enter the PHP format in which date should be displayed.

6. List

This can be used for sub form field type. Rows are displayed as comma separated values.

7. Progress

This can be used with Number field type. This layout displays a progress bar according to the field value.

8. Table

You can use this layout with sub form field type. The value is displayed as HTML table.

9. Tabs

This can be used for sub form field type. In the sub form, create two fields. First field will be used as the title of the tab. Second field will be used as the content of the tab.

10. Youtube

This can be used with the Text field type. The value should contain the Youtube ID.