Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review
Information
Print

Blog view: head : calendar

Information
Latest News Enhanced

Pro v4+

Content

Top position The top portion of the calendar
  • Empty leaves an empty space
  • Weekday
  • Day
  • Month
  • Year
  • Time
Note Some calendars have a dedicated top portion, others have not
2nd position  [identical selection]
3rd position  [identical selection]
4th position  [identical selection]
Bottom position The bottom version of the calendar
[identical selection]

Formats

Weekday format The format to use for the weekday (short or long)
  • Monday .. Sunday
  • Mon .. Sun
Month format the format to use for the month (short or long)
  • January .. December
  • Jan .. Dec
  • 01 .. 12
  • 1 .. 12
Day format the format to use for the day (with possible leading '0')
  • 01 .. 31
  • 1 .. 31
Time format the time format as set in the information tab

Theme

Style
 Original Original
simple calendar look with text centered
 Simple sided Simple sided
simple text elements aligned left or right
 Complex sided Complex sided
elements aligned left or right with the top position anchored
 Rainbow Rainbow
calendar with a selection of colorful image backgrounds (79x80 and 63x64)
Requirement:
  • 2nd position: empty
Flip Flip
A variation. To get this look, set:
  • top position: empty
  • 2nd position: day
  • 3rd position: month
  • bottom position: empty
  • overall colors
Note The background image is not supported
Pill Pill
A variation. To get this look, set:
  • top position: day
  • bottom position: month
  • top colors
  • bottom colors
Note The background image is not supported
Download Download more calendars
Background image Possible background image
Preloaded images are located in images/calendars
Note elements may not fit into the calendar image selected and will require additional CSS tweaking
Border width Adds a border to the calendar
Border radius [CSS3] The border radius (for CSS3-ready styles only) (in pixels)
Border color The border color 
Shadow width [CSS3] The width of the shadow (for CSS3-ready styles only) (in pixels)
Font Standard family font or web font for the calendar.

New Joomla 4 The extension supports the GDPR-compliant web fonts from fonts.bunny.net. To select the service (Google is the default), go to the SimplifyYourWeb extensions System plugin and select the web font service you wish to use.
Font size reference The size from which the whole calendar text is based on (in pixels)
A calendar of height 80px could have a 14px font size reference for instance
Top/Overall/Bottom Calendar Colors Overrides
The text color (hexadecimal with or without the #)
Background The background color (hexadecimal with or without the #)
Background 2 The 2nd background color for CSS3 gradients (hexadecimal with or without the #).
Only available if the calendar style allows for it

Related tutorials and topics