Agenda view, Portuguese, and tooltip in Business Calendar 3.5.0

August 15, 2024

Daria Volkova

Creative Director at Volkov Labs, Grafana Champion

We are happy to announce the release of the Business Calendar panel 3.5.0. This release includes the following updates.

Allowed event details configuration.
Multiple fields are allowed in the event description.
Added the Description format option.
Added an option to turn off event time for the Month layout.
Added the Text Size configuration.
Added Portuguese language in Grafana 11.
Added Agenda (List) View.

Grafana Catalog

The plugin was updated in the Grafana Plugins catalog on August 1, 2024.

Event details configuration

The Event details is an overlay window containing all event details.

You can configure which elements will be a part of the event details in the Events->Details info option.

Specify elements to be displayed in the Event details window.

The Event details window could appear:

after a mouse click if the On click is set to Show details,

A side-drawer when On click set to Show details.

when a mouse hovers if the Tooltip is set to Enabled (new in this plugin release).

Multiple fields in the description

You can specify multiple fields to be displayed in the event description.

The Description format option

You might want to apply formatting for better visual display when your event descriptions contain comprehensive details.

Your options for the description formatting are:

Inline. You can use simple HTML formatting tags to have different font sizes, colors, etc.
Preformatted is very similar to the HTML tag <pre>. Text is displayed in a fixed-width font, with spaces and line breaks preserved. The text is displayed "as is".

The illustration below shows how the same description text is interpreted depending on the selected Description format option.

Disable event time for the Month layout

For the Month layout, you can turn off the displaying of the event times.

You can hide event time for the Month layout.

Text Size configuration

Now, you can control the font size in your Calendar panel. By default, the size is 12px.

Portuguese language in Grafana 11

Starting from version 11, Grafana supports the Portuguese language. The Business Calendar follows suit and now also supports it.

The Business Calendar supports Portuguese language.

Added Agenda (List) View

The Agenda layout displays only busy spots, combining many days at once. You can use the Grafana Thresholds to set the background color according to the specified numeric field.

The Business Calendar panel in the Agenda layout with Grafana Thresholds background colors.

Getting Started

You can install the Business Calendar panel plugin from the Grafana Plugins catalog or use the Grafana command line tool.

For the latter, please use the following command:

grafana cli plugins install marcusolsson-calendar-panel

Tutorial

This video is a detailed review of all configurable options. To ensure you can follow, Daria starts with fetching publicly available Grafana plugin catalog data and then demonstrates how the Business Calendar plugin options change the panel appearance and behavior.

Overview and detailed tutorial. Display dates and time in Grafana.

We have many other tutorials that you can find helpful. You can review all related to this plugin tutorials here.

Release Notes

Features / Enhancements in 3.5.0

Added event details in tooltip by hover (#217, #221)
Added option to Disable Event Time (#223)
Updated daily calendar view if timeRange changed (#229)
Updated description to follow fields order (#230)
Updated date using timeZone option (#227)

Features / Enhancements in 3.4.0

Updated E2E workflow using Docker (#211)
Added Font size configuration (#213)
Updated to Grafana 11.1 dependencies (#214)

Features / Enhancements in 3.3.0

Updated variables with static datasource for time range source dashboard (#205)
Added multiple description fields (#206)
Added Threshold option for Colors (#208)
Added Portuguese language in Grafana 11 (#209)

Features / Enhancements in 3.2.0

Updated tutorial video (#190)
Added Formatting for event description (#182)
Updated Details drawer layout (#192)
Added support for additional Time Range sources (#179)
Updated event format (#188)
Updated Time Range in Agenda view (#196)
Updated mouse cursor for Agenda view (#200)
Updated dependencies (#200)
Added display dashboard annotations (#194)
Added Portuguese language (#201)
Updated toolbar and messages to the selected language (#203)

Features / Enhancements in 3.1.0

Added Agenda (List) View (#177)
Updated customization for Event Bubble (#178)
Updated multi-day window (#183)
Updated to Grafana 11 (#184)

Always happy to hear from you

Ask a question, request a new feature, or report an issue at GitHub issues.
Subscribe to our YouTube Channel and leave your comments.

Become a sponsor