← All widgetsWidget 308 · emcp_custom_308

Event List

Elementor widget5 layouts14 content options25 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: events, calendar, schedule, agenda, tickets, dates.

Setup guide

  1. Open a page in Elementor, search the panel for Event List and drag it into a container.
  2. Content › Events: Events, Layout, Columns (cards), Order, Past Events, Group by Month (list / timeline), Show Time, Show Days Until and 6 more.
  3. Pick a Layout: List with date badge, Cards, Calendar strip (horizontal), Timeline, Compact rows. Each one is shown below.
  4. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

List with date badge

Layout = list

No upcoming events.

Layout

Cards

Layout = cards

No upcoming events.

Layout

Calendar strip (horizontal)

Layout = strip

No upcoming events.

Layout

Timeline

Layout = timeline

No upcoming events.

Layout

Compact rows

Layout = compact

No upcoming events.

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Events

OptionTypeChoices / rangeDefaultNotes
Events
events		Repeater3 items
↳ Title
title		TextEvent
↳ Start
start		Date and time
↳ End (optional)
end		Date and time
↳ Venue
venue		Text
↳ Description
text		Textarea
↳ Image
image		Image
↳ Category
category		Text
↳ Price
price		Text
↳ Button Text
btn		TextGet tickets
↳ Link
link		Link
↳ Sold Out
sold_out		Toggleon / off
↳ Featured
featured		Toggleon / off
Layout
layout		DropdownList with date badge, Cards, Calendar strip (horizontal), Timeline, Compact rowslist
Columns (cards)
columns		Dropdown1, 2, 3, 43Responsive
Order
sort		DropdownSoonest first, Latest first, As enteredasc
Past Events
past		DropdownShow dimmed with a Past label, Hide, Show normallydim
Group by Month (list / timeline)
group_month		Toggleon / off
Show Time
show_time		Toggleon / offyes
Show Days Until
show_countdown		Toggleon / offyes
Add to Calendar Link (.ics)
show_add		Toggleon / offyes
12-hour Time
hour12		Toggleon / off
Past Label
past_label		TextPast
Sold Out Label
sold_label		TextSold out
Today Label
today_label		TextToday
Empty Text
empty_text		TextNo upcoming events.

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Accent
accent		Color#6a11cb
Card Background
card_bg		Color#ffffff
Card Border
card_border		Border
Card Radius
card_radius		Slidermin 0, max 40, px14
Card Shadow
card_shadow		Box shadow
Card Hover Shadow
card_shadow_h		Box shadow
Card Padding
card_pad		Dimensions
Gap
gap		Slidermin 0, max 60, px16
Date Badge Background
date_bg		Color#f4ebff
Date Badge Color
date_color		Color#6a11cb
Date Day Typography
date_typo		Typography
Title Typography
title_typo		Typography
Title Color
title_color		Color#101828
Meta Typography
meta_typo		Typography
Meta Color
meta_color		Color#667085
Description Color
text_color		Color#475467
Category Color
cat_color		Color#6a11cb
Price Color
price_color		Color#101828
Button Text
btn_color		Color#ffffff
Button Background
btn_bg		Color#6a11cb
Button Radius
btn_radius		Slidermin 0, max 40, px8
Month Heading Typography
month_typo		Typography
Month Heading Color
month_color		Color#98a2b3
Image Width (list)
img_w		Slidermin 60, max 400, px160
Image Radius
img_radius		Slidermin 0, max 40, px10

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_308" and a settings object using the keys above. Run get-custom-widget with id 308 for the full JSON spec.