How to Use the EventCard Designer

In EventON, the term “EventCard” refers to the front-end container that displays all the event details. To provide a seamless customization experience for this section, we introduced the EventCard designer in version 4.0 and we can’t wait for you to give it a try!

The EventCard designer represents an interactive graphical drag-and-drop builder that makes it snappy to design the perfect layout for your event cards. Please go to EventON > Settings > EventCard Design to access the designer.

The designer supports both single-column and multiple-column layouts to organize the event data. Here is a list of the supported row layouts:

Single-column layout

Two-column layout

Three-column layout

Two-column left double-stacked

Two-column right double-stacked

Two-column left triple-stacked

Two-column right triple-stacked

Supported Actions

The designer allows you to perform the following actions:

Deletion of fields from the event card

Deletion of the entire row of field data

Hiding fields temporarily

Changing the background color of the field

Reorder rows using drag-and-drop

Adding a Field to the EventCard

To get started, please ensure that you have some unused fields at the bottom of the designer as shown below:

If you don’t have any fields yet, you can delete the fields you want to remove or replace from the designer interface using the abovementioned steps. Once this is done, move to the next step below.

Select and click on one of the available column layouts.

For the purpose of this tutorial, I selected the two-column layout and as soon as this is done, two field options will appear in the designer as shown below:

Click on the + Set Field button and select one of the unused event card fields:

Clicking on one of the fields will replace the empty field as shown below:

Repeat this process for all the empty fields.

Once all the changes have been made hit the Save Changes button!