Skip to main content
Skip table of contents

Add a Calendar to an App Page

This article explains how to create a new Lightning App page and add a calendar to it.

  1. Go to Setup, and then to the Lightning App Builder. Click New.

  2. Select 'App Page', give the page a label, and select a layout. We recommend selecting a layout with at least one large region for displaying the calendar.

  3. From the ‘Custom - Managed’ section in the left panel, drag and drop a calendar component onto the page. You can choose from the following calendars: Horizontal, Vertical and Mobile.
    There is also a standalone reservation form which is discussed in this article: Standalone Reservation Form
    For now, choose the

    image-20241015-083823.png
  4. After dropping the component on to the page, in the right panel, select a Calendar. This is the calendar record that will drive configuration for the component. For more information, see: Set up Calendars & Views

  5. Feel free to add more components to the page, possibly in other regions (depending on the layout you selected in step 2). You can even add multiple calendar components to one page! When you’re done composing, save and activate the page.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.