---
title: "Frontend module (PRO)"
date: 2026-07-24
author: "Claude MCP"
---

# Frontend module (PRO)

**Frontend module** is only available in the PRO version.  
Unlock this and other features by upgrading to **Joomill Content Calendar PRO**  
  
[Go PRO](https://www.joomill-extensions.com/subscribe/order/product/content-calendar-pro)

 Besides the administrator dashboard widget, Content Calendar PRO also ships a separate module that shows the calendar to your visitors on the site itself. Install and publish it like any other Joomla module, under **Content > Site Modules** (not Administrator Modules), and assign it to a menu item or module position.

 
## Basic settings

 
|  |  |
| --- | --- |
| Categories | Select categories to display articles from. |
| Date Field | Select which date field to use for displaying articles in the calendar: Start Publishing, Featured Up, or a Custom Field. |
| Custom Date Field | When Date Field is set to Custom Field, select a custom calendar field to use for displaying articles. |
| Open articles in | Choose how an article opens when a calendar item is clicked: the current window (default), a new window, or a modal popup. The modal renders in the page itself, so it inherits the site template styling and keeps working after AJAX month navigation. |
| On hover | Choose what appears when the mouse hovers a calendar item: a plain browser tooltip (default), a hover card that follows the popup layout below, or nothing. Hover and click are independent, so a hover card on hover combined with opening the article on click is possible. Devices without hover (touch) skip the card and simply follow the configured click action. |
| Popup layout | Build the popup used by the modal and the hover card: add rows and drag them into the order the elements should appear. Choose from Title, Category, Author, Publish date, Created date, Intro image, Full article image, Intro text, Full text, Tags, Read more link, or an article Custom field, each with an optional Show label toggle. When empty, a default layout is used (title, publish date, author, intro image, full text). |

 
## Display settings

 
|  |  |
| --- | --- |
| Layout | Choose the module layout: a monthly grid or a rolling weeks view. |
| Week starts on | Choose which day begins the week in the calendar grid: Monday (default) or Sunday. Applies to both the monthly grid and the weeks layout, including the weekday header row and the weekend background styling option. |
| Show last week | *When Layout is set to the weeks view*, also include the previous week before the current range. |
| Number of upcoming weeks | *When Layout is set to the weeks view*, how many upcoming weeks to show after the current week (0-10, default 5). The current week is always shown; enable Show last week to also include the previous week. |

 
## Colors

 
|  |  |
| --- | --- |
| Color mode | Choose how article colors are determined: by Category, Tag, Author, or an article Custom Field. |
| Category Colors | *When Color mode is set to By category*, define custom colors for specific categories. Use + to add a new category or the remove icon to delete a row. |
| Tag Colors | *When Color mode is set to By tag*, define custom colors for specific tags. If multiple tags match an article, the first matching tag determines the color. |
| Author Colors | *When Color mode is set to By author*, define custom colors for specific authors. |
| Custom Color Field | *When Color mode is set to By article custom field*, select the article custom field that determines the color. A color-type field is used directly; for a list-type field, map its values to colors below. |
| Field Value Colors | Map the values of the selected list field to colors. Not needed for a color-type field, since its value is used directly. Articles without a matching value fall back to the category color. |

 
## Styling

 Every styling option is empty by default and only applies when set, so your template's own styling remains the fallback. Settings apply per module instance.

 
|  |  |
| --- | --- |
| Month title color | Color of the month/period title above the calendar. |
| Weekday header background / text color | Background and text color of the weekday header row. |
| Border color | Color of the grid borders. |
| Day background | Background color of a regular day cell. |
| Empty day background | Background color of a day outside the current month (monthly layout). |
| Weekend background | Background color of Saturday and Sunday cells. |
| Today background | Background color of the current day's cell. |
| Today accent color | Background of the day number highlight on today (monthly layout). |
| Day number color | Text color of the day number. |
| Day cell height (px) | Fixed height of a day cell, in pixels. |
| Article text color | Text color inside an article bar. |
| Article font size (px) | Font size inside an article bar, in pixels. |
| Article corner radius (px) | Corner rounding of an article bar, in pixels. |
| Custom CSS | Extra CSS rules, output as-is after the styling options above. |

 
## Advanced

 
|  |  |
| --- | --- |
| Header icon | FontAwesome icon class shown next to the module title. |

 
## Visibility

 The module only shows articles the current visitor is allowed to see. Both the initial page load and the AJAX month navigation check that the module is published and visible for the visitor's access level; the same check applies to the article content loaded into the modal or hover card.