Help Center

My Calendars

After signing in, you are taken to the My Calendars page. This is your home base for managing all of your calendars.

If this is your first time using stratusCal, you won't have any calendars yet. The page will display a "You don't have any calendars yet." message. To get started, create your first calendar using the form below the message.

Creating a Calendar

At the bottom of the page, click Add a new calendar to expand the creation form. Enter a calendar name and an optional description, then click Create Calendar. Your browser's timezone is automatically detected and saved with the calendar.

Managing Your Calendars

Each calendar is displayed as a card showing its name and description. If a calendar was shared with you by another user, it will display a "Shared with me" tag.

Each calendar card has the following actions:

• Edit — Opens the calendar editor where you can add and modify your table content.
• Rename — Click to make the calendar name editable inline. Click away from the name to save your changes.
• Edit description — Click to make the description editable inline. Click away to save.
• Delete — Permanently deletes the calendar. You will be asked to confirm before deletion. This action cannot be undone.

Editing a Calendar

Click Edit on any calendar to open the calendar editor. The editor displays your calendar as an interactive table.

Adding Columns

When no cell is selected, the toolbar displays an Add column button. Click it to choose a column type:

• Text column — A general-purpose column for any text content.
• Event start time — A date/time column representing when an event starts. Only one start time column is allowed per calendar.
• Event end time — A date/time column representing when an event ends. A start time column must exist before an end time column can be added. Only one end time column is allowed per calendar.

You can also mark a column as Sortable, which allows end users on the published calendar to sort by that column.

Click the checkmark to confirm or the X to cancel.

Adding Rows

Once at least one column exists, an Add row button appears in the toolbar. Click it to add a new row to the bottom of your table.

Editing Cells

Text cells: Click a cell (or press Enter/F2 when navigated to it) to begin editing. Type your content and click away or press Enter to save. Press Escape to cancel and revert your changes.

Date/time cells: Click a date/time cell to reveal date and/or time input fields. The inputs shown depend on your chosen display format (see Time/Date Settings below). Changes are saved automatically when you click away from the cell.

Column headings: Click any column heading to edit it inline. Click away to save.

The Toolbar

When you click on a cell, the toolbar changes from "Add" mode to "Edit" mode, revealing:

• Delete Column / Delete Row — Deletes the selected column or row. You will be asked to confirm. These actions cannot be undone. The Delete Row button is disabled when a column header is selected.
• Move arrows — A directional pad that lets you move the selected row up/down or the selected column left/right. Arrows are disabled when the row or column is already at the boundary.
• Column Settings — A dropdown to change the selected column's type (Text, Event start time, or Event end time) and a checkbox to toggle whether the column is sortable.

Press Escape while a cell is focused (but not in edit mode) to deselect it and return the toolbar to "Add" mode.

Keyboard Navigation

The calendar editor supports full keyboard navigation:

Publishing

The Publish this calendar section lets you make your calendar publicly viewable on your website. Click the toggle to expand it, then click Publish.

There are two publishing formats:

Web Component / JSON (Recommended)

Check the Web Component / JSON checkbox and click Publish to generate a JSON file and embed code. After publishing:

• Copy the two lines of HTML shown in the embed code box.
• Paste them into an appropriate location in your website's HTML.

Options:

• Theme — Choose from Default (Purple), Dark, or Minimal.
• Style isolation — Choose "No isolation" for maximum customization (your site's CSS can style the calendar) or "Full isolation" for a self-contained look.

The JSON URL is also displayed for advanced users who want to build custom calendar experiences.

Calendar Views

The Allowed calendar views dropdown controls which views your published calendar offers to end users:

• Both - Agenda default — End users can switch between the Agenda (list) and Calendar (month grid) views, starting on Agenda.
• Both - Calendar default — End users can switch between both views, starting on Calendar.
• Agenda only — Only the Agenda (list) view is shown.
• Calendar only — Only the Calendar (month grid) view is shown.

HTML / iframe

Check the HTML checkbox and click Publish to generate a standalone HTML file. You can embed it in your site using an iframe. Choose a theme: HTML only (no styling), Default (Purple), Dark, or Minimal.

Republishing and Unpublishing

• If a format is already published, clicking Publish with it checked will overwrite the existing file.
• If a format is already published and you uncheck it, clicking Publish will unpublish (remove) that file.
• You will always see a confirmation dialog explaining what will happen before any action is taken.

Browser Support

The stratusCal web component works on all major browsers released since mid-2018, providing approximately 8 years of backward compatibility. This covers 99%+ of active browser usage globally.

Supported browsers:

• Chrome 67+ (May 2018 and later)
• Firefox 63+ (October 2018 and later)
• Safari 10.1+ (March 2017 and later)
• Microsoft Edge 79+ (January 2020 and later) — All current versions of Edge are supported

Not supported: Internet Explorer and Legacy Edge (pre-Chromium versions) are not supported.

Time/Date Settings

Click Time/Date settings to expand this panel. These settings control how date and time columns are displayed.

Display Format

Choose how dates and times appear in your calendar:

• Full — Wed, Dec 27, 2023, 02:41 PM
• Date only — Dec 27, 2023
• Time only — 02:41 PM
• Weekday + Date — Wednesday, Dec 27
• Short — 12/27/23
• 24-hour time — 14:41

Timezone Settings

• Publish times exactly as entered — Times appear as-is, with no conversion.
• Publish times converted to the end-user's timezone — Times are automatically adjusted to each viewer's local timezone.

Select your calendar's timezone from the dropdown (e.g., Eastern Time, Pacific Time, UTC, etc.).

Check Show timezone on published calendar to display the timezone abbreviation alongside times.

Optional Header and Footer

If you have permission to edit the header and footer, you will see the Optional header and footer section. This allows you to add custom HTML that appears before (header) and after (footer) your calendar on the published page.

Enter your HTML in the Header HTML and Footer HTML text areas. Changes are saved automatically when you click away from the text area.

Sharing & Admin Permissions

If you are the primary owner of a calendar, you will see the Assign admins to this calendar section.

Adding an Admin

Enter the email address of a registered stratusCal user and click Share. You will be asked to confirm, as this grants the shared user permission to edit your calendar and, by extension, your website content.

Managing Admin Permissions

For each shared admin, you can toggle the following permissions:

• Allow HTML — When enabled, the admin's cell edits can contain raw HTML. When disabled, HTML is escaped to plain text. Use caution, as HTML editing could allow an admin to break the website's layout.
• Show header/footer editor — Controls whether the admin can see and edit the header and footer HTML sections.
• Show toolbar — Controls whether the admin can see the toolbar (add/delete columns and rows, move, column settings). When disabled, the admin can only edit existing cell content.
• Show Time/Date settings — Controls whether the admin can access the date format, timezone, and related settings.
• Show all publishing options — When enabled, the admin sees the full publishing UI with format checkboxes and theme selection. When disabled, the admin sees a simplified one-click publish button that uses the primary admin's settings.

Removing an Admin

Click Remove next to any shared admin's email to revoke their access. You will be asked to confirm.

Multi-Admin Calendar Locking

To prevent editing conflicts when multiple admins have access to the same calendar, stratusCal automatically locks the calendar when one admin is actively working on it.