Fields

FormBlocks

Input fields for creating web forms.

Icon

Input (Textfield)

You can select a different input type or add an optional placeholder in the Settings menu.

Icon

Input (Textarea)

You can add an optional placeholder in the Settings menu.

Icon

Input (Email)

You can add an optional placeholder in the Settings menu.

Icon

Select Dropdown

Description not available.

Icon

Select Options

Description not available.

Icon

Select Options (Show/Hide)

Description not available.

Icon

Select Options (Autogenerated)

Description not available.

Icon

Input (File)

Let visitors upload files from their system. These files will be attached to the email you receive. You can limit upload to a single file, or allow multiple files to be added through drag&drop or the file explorer.

IMPORTANT NOTES:

  • - If you set an upload limit higher than 1 file, you'll need to have the AjaxUpload MODX extra installed.
  • - Because uploaded files are attached to the email, you need to make sure the total size of the files won't exceed your email limit. You can tweak the maximum file size setting if needed.
Icon

Input (Date)

A standard date selector. You can predefine what kind of date or time can be selected.

Icon

Input (Date Range)

Two date selectors, marking the start and end of a time period.

Icon

Input (Hidden)

Icon

Math Question

This block will render a math-based question in your form to prevent spam. It needs to be answered correctly in order to proceed.

Icon

Accept Terms and Conditions

You can link to your terms by entering the corresponding resource ID and using the placeholder in the field text.

Icon

Nested Fields

Description not available.

MailBlocks

Elements for creating HTML email templates.

Icon

Heading (Email)

Description not available.

Icon

Text (Email)

Description not available.

Icon

Button (Email)

Description not available.

Icon

Image (Email)

Description not available.

Icon

Quote (Email)

Description not available.

Icon

Social Share Buttons (Email)

Description not available.

Icon

Social Connect Buttons (Email)

Description not available.

Icon

Divider (Email)

Description not available.

Icon

Accordion (Email)

Description not available.

Text

Everything related to writing and marking up content, such as headers, text editors, lists and quotes.

Icon

Heading

Description not available.

Icon

Heading (with Subtitle)

Description not available.

Icon

Heading (with Font icon)

Description not available.

Icon

Heading (with SVG icon)

Description not available.

Icon

Short Text

Description not available.

Icon

Rich Text

Description not available.

Icon

Message

Description not available.

Icon

List (Unordered)

Description not available.

Icon

List (Ordered)

Description not available.

Icon

Quote

Description not available.

Icon

FAQ

Description not available.

Icon

Table of Contents

The ToC menu contains all headings on the page with an anchor (an ID in HTML). You can attach an anchor to all headings with the 'Automatic anchors' TV, or per heading by manually activating the anchor in their settings menu.

Graphics

Add visual elements to amplify your content, such as images, SVGs and videos.

Icon

Image

Description not available.

Icon

Icon (SVG)

Description not available.

Icon

Video (YouTube)

Description not available.

Icon

Video (Vimeo)

Description not available.

Interaction

Elements that encourage or require user interaction, such as buttons, forms and CTAs.

Icon

Button

Description not available.

Icon

Call To Action (CTA)

Description not available.

Icon

Form

Add a form here. You can build your own web forms with FormBlocks, under Global Content in the menu tree.

Icon

Slider

Description not available.

Icon

Steps

Description not available.

Icon

Social Buttons

Description not available.

Icon

Social Buttons (Share)

Description not available.

Icon

Social Buttons (Connect)

Description not available.

Icon

Twitter Feed

Description not available.

Icon

Map (with Marker)

Add a map here, with a single marker on a location of choice. You can enter the lat/long coordinates of the location (separated by a ,) or write down the actual address. This address will then be geocoded to the correct coordinates for the marker.

Please note that you need a Mapbox API key for the map to be displayed, and the GeoCoder extra installed if you want to enter an address as location. This also requires an API key, for an external geocoding service of choice.

Layout

Elements to optimize the visual layout of your content, such as dividers, tables, accordions and tabs.

Icon

Nested Layout

Description not available.

Icon

Basic Layout (Nested)

Description not available.

Icon

Divider

Description not available.

Icon

Divider (with Heading)

Description not available.

Icon

Table

Description not available.

Icon

Accordion / Tabs (Text)

Description not available.

Icon

Accordion / Tabs (Flexible)

Description not available.

Icon

Cards (Image + Text)

Description not available.

Icon

Cards (Flexible)

Description not available.

Icon

Segments

Description not available.

Icon

Background Layers

Description not available.

Overviews

Blocks that fetch and display content from elsewhere, such as child pages, publications and testimonials.

Icon

Overview (Child Pages)

Description not available.

Icon

Overview (Specific IDs)

Description not available.

Icon

Overview (Publication)

Description not available.

Icon

Overview (Team)

Description not available.

Icon

Overview (Clients)

Description not available.

Icon

Overview (Testimonials)

Description not available.

Icon

Overview (Portfolio)

Description not available.

Advanced

Tools for more experienced content editors, such as inserting snippets and raw HTML.

Icon

Code (Display)

Description not available.

Icon

Code (Execute)

Description not available.

Icon

Snippet

Description not available.

Icon

JSON to HTML

Description not available.

Icon

Included Patterns

List the smaller atomic particles included in this pattern.

Icon

Referring Patterns

List the bigger atomic components that contain this pattern.