Module Buaxua Calendar

The module BuaXua Calendar has many features to meet your needs. With this module, you can display the date with live time clock and events of the year on your website.

Module BuaXua Calendar Features

  • Display calendar with date and live time clock
  • Setting time zone
  • Display the events of the day
  • Event can be linked to URL
  • Display the events list
  • Open events list in popup window
  • Display random text
  • Change date name in your language
  • Show/Hide clock
  • 12/24 hours clock
  • Preset styles for the clock
  • Background image for calendar
  • Custom CSS and Bootstrap class
  • Support the most common browser with latest version
  • Compatible with Joomla! version 4.x, 5.x and Joomla! 5.x with Behaviour - Backward Compatibility

Changes from the previous version

  • New code
  • Security fixed.
  • Fixed the module not working well on some websites.
  • Optimized to increase loading speed.
  • Compatible with Joomla! 5.x
  • Not compatible with Joomla! 3.x and earlier.

Download Module BuaXua Calendar

Download Module BuaXua Calendar

Video Clip

Coming soon

Module BuaXua Calendar Documentation

1. Install the module BuaXua Calendar via System -> Install -> Extensions

2. Go to System -> Manage -> Site Modules or Home Dashboard -> Site -> Modules

3. Open the module BuaXua Calendar then Published the module BuaXua Calendar on any position where you want to display the calendar on your website.

4. Go to Menu Assignment tab and select On all pages to display the module BuaXua Calendar on all pages of your website.

5. Go to Calendar Settings tab and set Load jQuery library to Yes

6. Select your time zone.

7. Keep all default settings and click Save & Close.

8. Clear your Joomla! cache and your Browser cache.

9. Go to your site then refresh your browser.

Live Demo: BuaXua Calendar - Default Settings

If you see the calendar on your website, this module works well on your site. If not, please view Troubleshooting below.

If you have installed the module BuaXua Calendar Free, you don't need to remove it, just install the module BuaXua Calendar Pro then open it, click Save to apply the Pro features. Your module will be upgraded to Pro and your old settings will be kept. Clear your Joomla! cache and your Browser cache to apply the new changes.

Please backup your website before making any changes.

1. Open the module BuaXua Calendar.

2. Go to Calendar Settings tab and select your time zone.

3. Go to Clock Settings tab

4. Set Clock color to Use preset style.

5. Select style for your clock.

6. Click Save & Close.

7. Clear your Joomla! cache and your Browser cache.

Live Demo: BuaXua Calendar - Change clock style

1. Open the module BuaXua Calendar.

2. Go to Calendar Settings tab.

3. Change Calendar background to Image

4.Click Select button then select your image.

5. Set Image mode for your image.

  • Auto: The background image is displayed in its original size.
  • Cover: Resize the background image to cover the entire calendar.
  • Stretch: Stretch the image to fit the calendar.

6. Click Save & Close.

7. Clear your Joomla! cache and your Browser cache.

Live Demo: BuaXua Calendar - Change calendar background

1. Open the module BuaXua Calendar.

2. Go to Events Settings tab.

3. Set Event text effect

  • Static: Display event text statically.
  • Blink: Display event text in blinking.
  • Scroll: Show event text by scrolling.

4. Set Link target for your event text if needed.

5. Select Display events list to set the button to display the list of events.

  • Text: Displayed as text.
  • Button: Displayed as button.
  • Bootstrap class: Use bootstrap class for the button.
  • Hide: Don't show the events list button.

6. Go to Event text settings tab.

7. Set Event to Show

8. Enter a date or click the calendar icon on the right to select a date for the event. (Date forrmat: dd-mm-yyyy)

9. Enter the event text.

10. Enter the URL for the event text if needed.

Click the plus icon and repeat steps 8 to step 10 to add another event. You can create multiple events on the same day. Click the minus icon to delete an event. Click and drag the 4-way arrow icon to reorder events.

11. Click Save & Close.

12. Clear your Joomla! cache and your Browser cache.

Live Demo: BuaXua Calendar - Events Settings

1. Open the module BuaXua Calendar.

2. Go to Random text settings tab.

3. Set Random text to Show

4. Enter the text you want to display on the calendar. You can enter multiple text, one text per line (press Enter key to enter new line).

5. Change the color and font size for the random text if needed.

6. Click Save & Close.

7. Clear your Joomla! cache and your Browser cache.

Live Demo: BuaXua Calendar - Random Text Settings

1. Open the module BuaXua Calendar.

2. Go to Date Settings tab.

3. Enter an alternate language for the names of the day.

4. Enter an alternate language for the names of the month.

5. Change the color and font size for the text if needed.

6. Click Save & Close.

7. Clear your Joomla! cache and your Browser cache.

Live Demo: BuaXua Calendar - Language Settings

You can copy or duplicate this module then publish them with different settings on different pages.

Please note that only one module works on the same page.

Module BuaXua Calendar Troubleshooting

1. Open the module BuaXua Calendar.

2. The currently selected position is available on your template.

3. Check to make sure the Status is Published.

4. Goto Menu Assignment and select On all Pages

5. Go to Calendar Settings tab and set Load jQuery library to Yes

1. Go to Components

2. Open the component named JCH Optimize

3. Go to Options -> JavaScript -> Exclude JavaScript.

4. Set Exclude all internal SCRIPT declarations to Yes.

1. Open the module BuaXua Calendar.

2. Go to Date Settings tab.

Please Select your time zone to your time zone.

The problems caused by compatibility view in Internet Explorer. You can fix it in one of the following ways:

Install the Plugin JoomTut Meta Tags

JoomTut Meta Tags is a simple plugin for Joomla! This plugin will fix website display problems with compatibility view in Internet Explorer by adding X-UA-Compatible Meta Tag Description to your website. The X-UA-Compatible meta tag helps render Web pages in older IE browsers. It also allows you to add your custom tags to head section.

Download Plugin JoomTut Meta Tags

Add yourself by editing your template

1. Open the file named index.php of your template.

  • Find:
<head>
  • Affter add:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  • Your code looks like this:
<head>
   ...
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <jdoc:include type="head" />
   ...
</head>

2. Click Save & Close

3. Clear your Joomla! cache and your Browser cache.

4. Go to your site then refresh your browser.