Skip to content
Home » Calendar View

Calendar View

Calendar View

The Calendar View is one of the Object views available in CodelessONE. This view is really helpful for presenting and managing Date/Time related objects, with features and options to support this purpose.

Click on the Show As button and then select the Calendar option.

Accessing Calendar View 01

The Object is now displayed in the Calendar View.

Accessing Calendar View 02

Calendar View Configurations

Mapping Start/End properties

For the Calendar View to display the Date/Time type property, these should be properly mapped. The process to do so is elaborated in the following steps:

1. Click the App Settings icon and then on the On button.

Enable Edit Mode

2. Click the Edit icon.

Click Edit icon

3. Map the Start Property to the relevant attribute of the object.

Select the relevant property

4. Similarly map the End Property.

Select the relevant property

5. Click the Update Page button.

Click Update Page button

The records start showing up on the Calendar view.

Mapping done successfully
Configuring the flyover

The Use Property in Label checkbox is used to show/hide the desired property in the label.

show/hide property in label

If the previous control is enabled then the user can choose which property to show in the label, as the flyover’s heading.

Property in label

The flyover can only show up to 4 properties.

Max 4 allowed

If the user needs to add another property, they need to remove one of the existing properties using the following steps:

1. Click the Properties Tab in App Editor window.

Click Properties Tab

2. Click the Select Properties button.

Click Select Properties button

We can see that apart from the 4 enabled checkboxes, all other are currently disabled.

Disabled checkboxes

3. Uncheck one of the undesired checkboxes.

Uncheck

4. Now enable the desired property’s checkbox.

Select desired checkbox

5. Click the Select button. 

Click Select button

6. Click the Update Page button.

Click Update Page

The flyover now shows the updated lineup of properties.

Flyover properties updated

The Actions tab in the App Editor window, can be used to configure which of the action options (Edit and Delete) should appear on the flyover.

Actions Tab

Whichever configuration you do for the Calendar View, make sure you always wrap it with clicking the Update Page button.

Always click Update Page button