Add a Mini Calendar to a Web Page

The Mini Calendar is a great way to promote your events on any web page.  Add, edit, or delete events from any device and instantly update your Mini Calendar.  See and interact with our Mini Calendar below.  It's easy to add a Mini Calendar to any web page. 
 

Login and click go to Admin Menu > Website Plugins > Mini Calendar >

Preview Screen

You'll notice that the master theme of your calendar's mini calendar automatically loads in the preview screen with "sample" events.

To see your events select categories in the Script Tab and Save Changes.

Script Tab

Select the event category(ies) to display > Save changes.

Copy the javascript code from the box where it reads "JavaScript Code For Theme: Master Theme" and paste into your  webpage editor.

Mini Cal Tab

Customize  fonts, height, width, heading text etc. Save the settings.

Colors Tab

Text Colors: Choose the colors for various texts showing on the mini calendar.

Background Colors: Choose the background colors for various elements on the mini calendar.

Note: All colors on this tab relate to the Mini Calendar month view.  Use the Popup tab to control the colors in the popup.

Popup Tab

Popup Width: Enter the number of pixels for the width of the event popup.  The minimum width is 250 and the maximum width is 600.

Popup Height: Enter the number of pixels for the height of the event popup.  The minimum height is 300 and the maximum height is 600.

Event List Date Control: Choose the font, size and color of the text containing the date and arrows in the event popup.

Day List Background Colors: The list of daily events in the popup uses alternating colors as background for the events in the list.  Choose two colors for this purpose.

Day List Background Colors: The list of daily events in the popup uses alternating colors as background for the events in the list.  Choose two colors for this purpose.

Day List Titles Style: Choose the text font, style, size, alignment, and color for all event titles that will be shown in the popup list.

Day List Dates and Locations Style: Choose the text font, style, size, alignment, and color for all event dates and location names that will be shown in the popup list.

Event View Style: Choose the text font, size, text and background colors for the popup when the user clicks on an event to view event details.

Theme Tab

Create more than one Mini Calendar. Create a second theme to pull events from different categories for a different web page.

Themes provide a powerful option for organizations with many events to share. 

Create a New Theme: Click on the New button to create a new theme.  Enter a name for the new theme and click OK. The new theme will be opened with the default or "factory" settings and can then be edited and Saved.

More Information

To add a mobile-friendly calendar to a mobile site follow this link:
http://www.calendarwiz.com/knowledgebase/entry/138/

 

This is a demo Mini Calendar


Article ID: 82
Last updated: 13 Nov, 2014
Revision: 7
Website Plugins -> Add a Mini Calendar to a Web Page
https://www.calendarwiz.com/knowledgebase/entry/82/