#9765 YOOtheme Pro plugin

Parent Category:
Integration plugins
Last Updated:
Allon Moritz, Tuesday, 02 May 2023 15:49
Tuesday, 14 February 2023 07:20

This feature is part of the DPCalendar Professional subscription.
SubscribePHP 7.4PHP 8Joomla 3.10Joomla 4


The YOOtheme plugin integrates DPCalendar events and calendars as custom sources into the YOOtheme Pro page builder and offers new elements for any page layout. Beside that the list and event details menu items can be customized with the builder to fit the current design of the web site.

DPCalendar specific classes are turned into UIkit classes to fit better the YOOtheme Pro page builder design.

YOOtheme Pro DPCalendar integration

Dynamic content sources

When adding elements like a grid or list to a template, then DPCalendar events or calendars can be added as dynamic content. For menu items is page content available, for all other menu items are custom sources possible. More information about dynamic content can be found in the official YOOtheme docs.

The DPCalendar event fields are loaded directly from the form itself. To speed up fields building, the form is cached for a short time. Should there be any issue, with the event fields list. Clear the cache in the CMS cache manager.

YOOtheme dynamic content


When creating a template for a list menu item, then are events available as page source where they are fetched by the menu item configuration.


Custom sources allow you to load custom queried DPCalendar events which are not automatically available on the page you are browsing. Like that it is possible to display the upcoming events or other event data from DPCalendar.

Page builder

In DPCalendar it is possible to create a complete new layout for a list or event details menu item. Like that it is possible to integrate DPCalendar even better into your web site. As soon as a template is created for a calendar where the menu item is attached to, then the "Builder" option is available on the respective layout. More information can be found in the official YOOtheme docs about pages and posts.

YOOtheme builder


DPCalendar does come with specific elements which can be placed in any template of YOOtheme Pro. Currently is the event list and calendar element available.

YOOtheme builder

Event list

The calendar list element offers a fully flexible output for a list of events. It uses the moustache syntax as described in the Output rendering article. The Content plugin needs to be enabled as it interprets the code and does the transformation into the event list.


The calendar element does render the Javascript calendar from DPCalendar within the layout.

Class replacements

As DPCalendar is framework agnostic, it looks the same on every template. YOOtheme on the other side uses it's own CSS framework UIkit for styling it's pages. To combine both worlds, the YOOtheme Pro plugin is able to replace DPCalendar CSS classes with the ones from YOOtheme/UIkit. Actually it is able to replace any class with a replacement one.

The plugin comes out of the box with the most common replacements. But the site admin is able to add unlimited replacements, to adjust even better into the current design.

CSS classes replacements

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.