Best Online Calendar

Support

Knowledge Base

Browse knowledge base categories or search with keyword related to your question.

Email Support

Can't find your answer?

Contact Support or Contact Sales
Search:     Advanced search
Browse by category:

Add a Mini Calendar to a Web Page

Article ID: 82
Last updated: 13 Nov, 2014

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
Others in this category
document Create more than one Upcoming Events List for a website
document Add an Upcoming Events List to your web page:
document Additional Customization Options for your Upcoming Events List:
document Add a Suggest Event form to a Web Page
document Create a Scrolling Upcoming Events List For A Web Page:
document Using Website Plugins In SharePoint 365
document How can I remove the Upcoming Events List scroll bar?
document Set Upcoming Events List "More..." Link or Header Link to Open in Same Window
document How to Adjust the Search Widget Width
document Create a "Featured Events" Upcoming Events List:
document Add Upcoming Events List by URL (without JavaScript)
document NEW FEATURE: Add images to your upcoming events list