The Save as Web Page feature can be used to easily add a read-only calendar to your website. The look-and-feel of the generated web pages will be similar to the main window, including color-coding, day backgrounds, and a "Details" area which shows detailed information about a clicked item, similar to the Details Pane. You can also customize the colors of the generated web page, add custom content to the web page header and footer, and automatically upload to an FTP server.
This feature makes it easy to share your calendars with other people, regardless of the calendar software they are using. All they'll need to see your calendar is a web browser. Also, since the generated output is simple HTML, integration into websites is very straightforward. There are no scripts or other dependencies to install.
Below is an example the generated output using the default
settings, as viewed in Google Chrome.
To generate your calendar to a web page, click the "Save as
Web Page (HTML)" commando on the
File menu or main toolbar.
When commanded, the Save As Web Page window will appear. The
window will remember any previous settings and initialize
those as defaults. The Content tab can be used to adjust the
date range and output settings.
Fields at the top of the Content tab enable selection of the desired beginning and ending date range. You could generate web pages for a single month or several years - there's no limit. To specify the date range, type in a date or click the drop-down button to select from a calendar. Only the month is used, so you can specify any day of the month.
You can optionally include 'Details' and 'Legend' areas of the generated output. The Details area will show information about clicked items, similar to the Details Pane. The Legend area will show color-coding. The content of the Legend and the color-coding of items will depend on whether the main window is configured to color items based on calendar, category, priority, or location. Also, items that are filtered from being displayed in the main window will also be filtered from the generated output. For example, if you have a personal calendar that you don't want other people to see, you could uncheck that calendar's box in the calendar list prior to saving to a web page.
Events, tasks, and notes can be linked to other items or contacts. By default, these links will appear in the details area of the generated output. In the case of linked contacts, this could include an email address. If you don't want this type of data included in the output, uncheck the box labeled "Include links to other items in the details".
You can specify the output folder by typing in a full path or clicking the "..." button to select the path. This will usually be a location on your local computer, which can then be uploaded to your website via FTP. When the "Clean output folder" box is checked, any existing HTML files in the output path will be deleted. A warning message will appear before existing HTML files are removed, in case you accidentally specify the wrong output path or prefer to keep the previous files in addition to the newly generated ones. When the calendar web pages are generated, you'll see a separate HTML file for each month, as well as a "Details" subdirectory containing information for each event, task, or note.
When this box is checked, the generated web page (for the first month selected in the date range) will automatically open in your default web browser. You can use this to ensure the generated output matches what you expect.
The Colors tab enables customization of the generated calendar color scheme.
When this option is selected, the generated web pages use a
default CSS file, which defines a gray and white color
scheme. Visually, it's similar to the main window when using
the default appearance theme. There are no additional
settings when this option is selected.
When this option is selected, a custom CSS file can be
specified, which will enable the output to more closely match
the look-and-feel of your website. The CSS file should be a
complete URL or relative path to the output of your
generated files. For example, if you have a CSS file named
"example.css" and you intend to have this file in the same
directory as the generated pages, simply enter
"example.css".
Here's an example of the generated output when using a
custom CSS file, as viewed in Google Chrome:
The following style names are used and can be modified to customize the output:
If you don't know CSS or would like a simpler method of
specify colors, you can use the "Specify colors" option to
select colors for each area of the generated output. A
preview will show the selected colors. Click an item to
select it and modify its colors.
The HTML tab enables additional content to be added to the
generated output. This content could include metadata tags,
scripts, menus, headers, footers, and many other things. To
specify this additional content, click the desired section
and them enter the HTML code you'd like to include in the
output.
The web pages will be generated to a folder on your local computer. The FTP tab can be used to automate uploading the generated pages to your FTP server for display on your website.
If you have questions that aren't answered here, you can reach our support team at support@vueminder.com. If you're using VueMinder Ultimate you'll have our top priority. Otherwise, we'll reply as soon as all VueMinder Ultimate requests have been completed (and always within 1 business day).