Menu

#5521 Menu item location

Parent Category:
DPCalendar
Category:
Menu items
Last Updated:
Allon Moritz, Tuesday, 07 November 2023 13:27
Created:
Wednesday, 22 February 2012 10:15
Hits:
2827

DownloadPHP 7.4PHP 8Joomla 3.10Joomla 4.4Joomla 5

Introduction

The Location menu item shows a map and the details of a single location. Additionally can a resource panel being activated and a list of upcoming events which do belong to the selected location.

On top of the view is a map and direction button shown. These buttons are direct links to the map provider's web site. Especially on smartphone's this is handy as it allows the visitor to quickly open the maps app and find the fastest route from their current location.

How to setup the map providers and more is documented in the maps Introduction article.

Location view

Resource panel

The resource panel shows a timeline grid of events for the selected location and their rooms (when available). There are four different type views the visitor can choose between.

When you have the create event permission and are clicking in a date cell for a room, then the event form gets opened with the location and room preselected.

Column width

In the options you can define the column width globally for all views. If you want to change it per view, it becomes a bit more complicated as this needs to be done through CSS (the library we are using does not support it yet by parameter). Put the following CSS code into your template CSS file and change the width, according to your needs. Make sure that it gets loaded after the DPCalendar CSS files.

.com-dpcalendar-location .fc-timelineYear-view .fc-time-area col {
    min-width: 100px !important;
}.com-dpcalendar-location .fc-timelineMonth-view .fc-time-area col {
    min-width: 100px !important;
}.com-dpcalendar-location .fc-timelineWeek-view .fc-time-area col {
    min-width: 100px !important;
}.com-dpcalendar-location .fc-timelineDay-view .fc-time-area col {
    min-width: 100px !important;
}
Location resource view

Headings

In Joomla is the page heading defined in the menu item. Locations are normally created under the url of a locations list. So the page heading setting is inherited. Means the list and the location details page will have the same page heading (normally rendered with the h1 tag). This is a SEO issue as you loose the h1 title in the location details page. The show page heading setting in the location view overrides this setting. Like that you can have a page heading in the list menu item and at the same time the title is rendered in the location details page with h1 as well.

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.

Show Map [Type: Radio] [Default: Yes]
Should a map be shown.
The following options are available:
  1. Yes
  2. No
Map Zoom [Type: Text] [Default: 10]
The initial zoom level of the map.
Map Width [Type: Text] [Default: 100%]
The width of the map.
Map Height [Type: Text] [Default: 250px]
The height 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.
Location Format [Type: Filelist] [Default: format_eu]
The format how the locations should be rendered. If you want to add your own format copy your format to the folder administrator/components/com_dpcalendar/layouts/com_dpcalendar/location or make a layout override in our template of an existing format.
Show Location [Type: Radio] [Default: Yes]
Should the location of the event be shown?
The following options are available:
  1. No
  2. Yes
Show Upcoming Events [Type: Radio] [Default: Yes]
Should the upcoming events list be shown?
The following options are available:
  1. No
  2. Yes
Expand Events [Type: Radio] [Default: Yes]
Show the instances of a series or only the original event.
The following options are available:
  1. Yes
  2. No
Show Resource View [Type: Radio] [Default: Yes]
Should the resource view be shown?
The following options are available:
  1. No
  2. Yes
Title Format Month [Type: Text] [Default: F Y]
The format of the title in the month view (check http://www.php.net/date for details).
Default View [Type: List] [Default: Day]
The view which is shown when clicking the first time on a link.
The following options are available:
  1. Month
  2. Week
  3. Day
  4. Year
Show Datepicker Button [Type: Radio] [Default: Yes]
Should the datepicker button be shown.
The following options are available:
  1. No
  2. Yes
Show Today Button [Type: Radio] [Default: Yes]
Should the today button be shown.
The following options are available:
  1. No
  2. Yes
Show Title [Type: Radio] [Default: Yes]
Should the title in the header between the buttons be shown.
The following options are available:
  1. No
  2. Yes
Column Width [Type: Text]
The width of the columns. Value must be an integer.
Title Format Year [Type: Text] [Default: Y]
The format of the title in the year view (check http://www.php.net/date for details).
Title Format Month [Type: Text] [Default: F Y]
The format of the title in the month view (check http://www.php.net/date for details).
Title Format Week [Type: Text] [Default: M j Y]
The format of the title in the week view (check http://www.php.net/date for details).
Title Format Day [Type: Text] [Default: F j Y]
The format of the title in the day view (check http://www.php.net/date for details).
Time Format Year [Type: Text] [Default: H:i]
The format of the time in the year view (check http://www.php.net/date for details).
Time Format Month [Type: Text] [Default: H:i]
The format of the time in the month view (check http://www.php.net/date for details).
Time Format Week [Type: Text] [Default: H:i]
The format of the time in the week view (check http://www.php.net/date for details).
Time Format Day [Type: Text] [Default: H:i]
The format of the time in the day view (check http://www.php.net/date for details).
Axis Format Year [Type: Text] [Default: M j]
The format of the axis in year view.
Axis Format Month [Type: Text] [Default: l j]
The format of the axis in month view.
Axis Format Week [Type: Text] [Default: D j H:i]
The format of the axis in week view.
Axis Format Day [Type: Text] [Default: H:i]
The format of the axis in day view.
Min Time [Type: Text]
The first hour/time that will be displayed, even when the scroll bars have been scrolled all the way up. This can be a number like 5 (which means 5am), a string like '5:30' (which means 5:30am) or a string like '5:30am'.
Max Time [Type: Text] [Default: 24]
The last hour/time (exclusively) that will be displayed, even when the scroll bars have been scrolled all the way down. This can be a number like 22 (which means 10pm), a string like '22:30' (which means 10:30pm) or a string like '10:30pm'.
Page Heading [Type: List] [Default: No]
Should the page heading be used or not. Overwrites the menu item setting if defined.
The following options are available:
  1. Inherit
  2. No
  3. Yes
Custom CSS [Type: Textarea]
Custom CSS code which will be added to the HTML document.

Comments (0)

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok Decline
More information