| Preview of Theme |
| |
The Preview shows what your Mini Calendar will look like on a web page. Changing the color, font and style options will automatically update the preview. Saving your options will automatically change the appearance on your web page.
You must Save your settings before changes will appear on your web page. Days with events will have their date number in bold typeface.
The preview headline indicates which Mini Calendar Theme you are editing. You can define multiple themes, each having different categories, size, color and style for use on different web pages. See instructions below for how to create and manage themes. |
| Script Tab |
| |
Choose One or More Categories: Click on category names to select categories for which events will appear in the Mini Calendar. Only public categories are available for Mini Calendars to protect the security of private categories. You may choose different categories for each theme.
JavaScript Code For Theme: The JavaScript code contained in this field, when place into a web page, will produce a Mini Calendar containing events from the selected categories. Note that the JavaScript contains the name of the theme to be displayed by that script.
Note: Blank spaces in the theme name will be represented by %20 to insure the link works with all browsers.
Using your web page editing software's code view, copy and paste the code into your web page wherever you want the Mini Calendar to appear.
The code can be placed between <td> and </td> or between <div> and </div> html tags. The code will cause the Mini Calendar to expand within the tags when your web page is viewed.
IMPORTANT: JavaScript is often entered in a web page's <head> tag or after the </html> tag. Do not enter the Mini Calendar JavaScript code in these areas on your web page. |
| MiniCal Tab |
| |
List Width: Enter the number of pixels wide for the overall width of the Mini Calendar. The minimum width is 125 and the maximum width is 600. |
| |
List Height: Enter the number of pixels high for the overall height of the Mini Calendar. The minimum height is 150 and the maximum height is 500. |
| |
Border Width and Style: Choose the width and style of the border surrounding the Mini Calendar. |
| |
Month font and size: Choose the font and size for the month and year text (e.g. January). |
| |
Day font and size: Choose the font and size for the day name row text (e.g. Su, Mo, etc.). |
| |
Number font and size: Choose the font and size for the day numbers (e.g. 1, 2, 3, etc.). |
| |
Show Heading above Mini Calendar: Check this box to display a heading at the top of the Mini Calendar. |
| |
Heading Text: Enter text that will appear in the heading at the top of your Mini Calendar. The maximum number of characters allowed for the heading text is 250. |
| |
Custom Heading Link URL: Enter any web link (URL) that leads to a web page when the user clicks on the heading text. If you have placed your main calendar in a frame on your website, you may want to enter the link to your framed web page so visitors will go to that framed calendar.
If you do not enter a custom link URL, the default URL for the heading link is the standard link to your full calendar which will open in a new browser window or tab. Use the (click to reset to set back to the default URL. |
| |
Heading Link Action: Choose if the heading link will open the linked web page in a new window or in the same window. |
| |
Use Category Links For Header: Check this box to have the default clickable links in the header text and open the calendar with the selected categories showing.
Note: The "Use Category Links For Header" setting will override the "Custom Heading Link URL" setting. |
| |
Heading Style: Choose the heading font, style, size, alignment and text color. Also choose the color for the heading box and the 'hover' color to use when a user moves the mouse over the heading text. |
| Color Tab |
| |
Text Colors: Choose the colors for various texts showing on the Mini Calendar. |
| |
Background Colors: Choose the background colors for various elements showing 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 Mini Calendar. 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 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. |
| Themes Tab |
| |
You can create one or more themes to display customized Mini Calendars on your different web pages. Each theme can have different sizes, colors, styles and categories.
The JavaScript code you insert into your web page contains a reference to the theme name. Be sure to use the correct JavaScript code in our web page and update the code if you delete or change the name of the theme.
The Master Theme: Your calendar always has one theme, the master theme, which cannot be deleted. The master theme is indicated in the theme list by the (master) suffix. You can change and save any setting for the master theme and Save the settings. You can also rename the master theme.
Note: The master theme is always loaded for editing when you first enter the Mini Calendar administration screen.
If you intend to only have one Mini Calendar on your website, you do not need to create any additional themes - just use the Master Theme.
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.
Save As New Theme: Click on the Save As button to save the current settings as a new theme. Enter a name for the new theme and click OK. The new theme will then be open for editing and also appear in the themes list.
Open A Theme For Editing: Select a theme in the list and then click on the Open button. The selected theme will then be open for editing.
Delete A Theme: Delete a theme by selecting the theme from the list and clicking Delete. Be careful, deleting cannot be undone. You cannot delete the master theme.
Rename A Theme: Rename a theme by clicking Rename and entering the new name. Remember to update the JavaScript on web pages using the old theme name.
Note: You can rename a theme without that theme being open for editing. Renaming a theme does not open that theme for editing.
Backing Up Themes: you can keep a back up of your themes by opening the theme and doing a "Save As." Give the saved theme an apporpriate name indicating it is a backup, maybe event including the date in the name. The backed up themes will always be there, just not used as an active Mini Calendar.
Load Default Settings: Load default or "factory" settings into the currently open theme. You can then edit and use Save or Save As to save settings. |
| Save, Back and Help Buttons |
| |
You Must Save Your Settings For Changes To Be Visible On Your Web Page.
Save: This button will save your settings and remain at the Mini Calendar Administration screen.
Note: We recommend using the Save button when you are fine tuning the Mini Calendar appearance by having both the Administration screen and your web page with the JavaScript code open in separate browser windows or tabs. Remember to refresh your web page to view changes to settings.
Back: Returns to the Admin Menu without saving.
Help: Opens this help screen. |
