#617 Menu Item Event

Parent Category:
DPCalendar
Category:
Menu items
Last Updated:
Allon Moritz (laoneo), Saturday, 08 June 2019 16:19 (1 week ago.)
Created:
Wednesday, 22 February 2012 10:15 (Wednesday, 22 February 2012)
Hits:
5998

Introduction

The Event menu item shows a single event details page. On the top are share buttons rendered to help promoting your site on different social media networks. Beside them are action buttons displayed which do allow to export the event to Google calendar or as .ics file. If the visitor wants to send the event page, there is an E-Mail button available which opens a new window to send the link to a friend. For those who like to print out the details page, we have a optimized print view, which can be opened directly through the print button.

Event detail page

Admin actions

If you are logged in as admin then you will see some more action buttons which do allow you to manage the event.

  • Delete Series
    Delete the whole series of events this event belongs to.
  • Delete
    Delete the event.
  • Edit Event
    Opens the edit form page.
  • Bookings
    Opens the bookings list which shows all the bookings they have a ticket for this event.
  • Tickets
    Opens the tickets list which shows all tickets of this event.
  • Invite
    Invite other users or whole groups for the event.
Event detail page actions

Booking part

If bookings are activated for the event and the visitor has the permission to book the event, then a link will be shown to guide the visitor to the booking form. The booking part of the event detail age does show all the relevant booking information like the different prices, discounts and the capacity.

Event detail page booking part

Location map

For every location where the event is happening a map is shown and the location details like the address and description. It is also possible to show all the locations in a single map to have a compact event details view. In both views you can navigate to the location view which shows the full information panel including a resource view for the location.

Event detail page maps

Layout

The different blocks like the image, information panel, location part or buttons are built stacked when inspecting the HTML markup. With CSS grid we are positioning them the way we want. This means for the site admin, that it is easy possible to rearrange them with just CSS to perfectly fit your template, no template overrides are needed. You can then also define trough media queries your layout to have it optimized for every screen size. For example when you want to move the map below the description, use the following CSS code in your template's custom.css file (or what way your template offers to add your own CSS):

.com-dpcalendar-event__locations { 
    grid-column: 1 / 3;
}
Event details page layout

Options

The settings can be configured globally in the DPCalendar options or per menu item. If the value is empty in the menu item, then it will be inherited from the global options.

Date Format [Type: Text] [Default: m.d.Y]
The format of the date for an event (check http://www.php.net/date for details).
Time Format [Type: Text] [Default: g:i a]
The format of the time for an event (check http://www.php.net/date for details).
Automatic Redirect [Type: Radio] [Default: No]
When the event has an url, should the visitor being redirected to it when opening the event details page?
The following options are available:
  1. No
  2. Yes
Show Calendar [Type: List] [Default: Yes]
Should the calendar of the event be shown?
The following options are available:
  1. No
  2. Yes
  3. Link to date
Show Date [Type: Radio] [Default: Yes]
Should the date of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Location [Type: List] [Default: Yes and expand]
Should the location of the event be shown?
The following options are available:
  1. No
  2. Yes
  3. Yes and expand
Show Url [Type: Radio] [Default: Yes]
Should the url of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Author [Type: Radio] [Default: Yes]
Should the author of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Price [Type: Radio] [Default: Yes]
Should the price of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Capacity [Type: Radio] [Default: Yes]
Should the capacity of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Capacity Used [Type: Radio] [Default: Yes]
Should the used capacity of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Booking Information [Type: Radio] [Default: Yes]
Should the booking information of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Series Information [Type: Radio] [Default: Yes]
Should the series information of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Booking Information [Type: Radio] [Default: Yes]
Should the booking information of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Tickets [Type: List] [Default: No]
Should the tickets of the event be shown?
The following options are available:
  1. No
  2. Yes
  3. Limited
Show Copy Links [Type: Radio] [Default: Yes]
Should the copy links of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Map [Type: Radio] [Default: Yes]
Should the map of the event be shown?
The following options are available:
  1. No
  2. Yes
Map Zoom [Type: Text] [Default: 4]
The initial zoom level of the map.
Map Latitude [Type: Text] [Default: 47]
The initial latitude of the map.
Map Longitude [Type: Text] [Default: 4]
The initial longitude of the map.
Content Before [Type: Textarea]
This text will be displayed before the component output (can contain HTML and supports content plugins).
Content After [Type: Textarea]
This text will be displayed after the component output (can contain HTML and supports content plugins).
Count Clicks [Type: Radio] [Default: Yes]
If set to yes, the number of times the event has been clicked will be recorded.
The following options are available:
  1. No
  2. Yes

Comments (0)

Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
More information Ok Decline