Embedding the Event Creation Widget

This widget is a button that appears on your website which allows business operators and other members to create event submissions without needing to access Whereabouts.

Event Creation Widget Screenshot

Setting the language

The default language is English (en). You can set the widget to use French (fr) or Spanish (es):

<whereabouts-event-submit-widget
  ...
  lang="en | es | fr"
  ...
></whereabouts-event-submit-widget>

Setting the title, description, or button text

You can override the title, description, or button text:

<whereabouts-event-submit-widget
  ...
  widget-title=""
  widget-description=""
  widget-button-text=""
  ...
></whereabouts-event-submit-widget>

Styling the Event Creation Widget

Part Theming

Specific parts of the Events Widget can have their default styles overridden through the ::part pseudo-element.

The widget's initial state (a div with a title, description, and create button)
- create__container: The main div container
- create__container-text: The container that holds the title and description
- txt__title: The title text
- txt__description: The description text
- btn__create: The "Create and submit" button

Global Theming

You may override the default fonts in the widget by passing in a font-family-override prop. If you are using an external font, ensure that it is properly loaded on your embedding website.

<whereabouts-event-submit-widget
  ...
  font-family-override="Comic Sans MS"
  ...
></whereabouts-event-submit-widget>