Back
Event List Widget
The Event List Widget is a pre-built widget within the builder 2.0 that you can use to quickly display your events on any page. It lets you showcase specific events or all your events, and offers various settings to quickly set up a page with an event list.
This article will guide how you can use the event list widget and set different options available with it to display your events on a page.
To begin, click the Widgets tab on the left sidebar. Now, drag and drop the Event List widget into the empty section. By the way, you can access a builder 2.0 page from Website Builder → Pages menu in your admin dashboard.
[Note: You must add widgets to a blank section.]
Right-click on the widget to open the editing panel on the right side of your screen. From there, you can select event categories and show only specific categories. Note that you can create event categories from Products & Services → Events menu in your dashboard.
You can sort events by event date, alphabetic based on event name, or the date of event creation. Moreover, there’s also an option to order the events either in ascending or descending order.
Title Styles
Customization options for the title “All Events” appear here. You can set font family, font size, the text color, etc. for both normal and mouse hover conditions.
Tab Settings & Styles
In this section, you can first choose which tabs to show or hide. Tabs include the All, Upcoming, and Past events.
For the tabs, you can also customize the active and inactive states. Set text color, background color, and a border color for both states.
Card Settings & Style
The Card Body option will let you customize the event cards and how they appear on your website. You can change the background color of the cards.
You can also set the color for the date, event name, location, and author text on the card body.
Decide whether to show or hide the price on the event cards. There’s also an option to show or hide the regular or discount price. After these, you’ll see options to set the colors for both the selling price and the strikethrough price. In addition, you also have the option to show the View Details button on the event cards. Enabling the button will allow you to change the button background and text color.
You can make the card appear more beautiful by adding card paddings, sizing, border, corner radius, and box shadows.
From the Styles tab, you can set the padding around the widget so that there's a gap between top and bottom sections. As with all elements and widgets, you can style the borders from this tab in addition to other advanced customizations in Box shadow and Transform.
Add animation, custom CSS, Conditional rendering, and more to the widget from the Advanced tab.
The Content tab lets you change the different texts place on the widget.
