In applications there are different types of calendars for displaying and defining appointments.context menu of an existing edit field.
In the browser, clicking in the edit field now displays a calendar from which a date can be selected. The current date is highlighted in the calendar. The selected date is automatically entered in the edit field. Depending on the selected control type, the time can also be selected at the bottom of the calendar. The calendar will be closed again when you leave the edit field.
At the top of the calendar, the month can be selected from a list. The list appears when you click on the month. The year can also be increased or decreased one at a time. To do this, click on the small arrow buttons that appear when the mouse hovers over the year. The arrow buttons at the top right and left can be used to scroll forward or backward by month.
When the current layout of the portal is open in the Design module, the appearance of the small navigation calendar can be changed in the Layout area. There, click on "Controls" and search for "date picker" or "flatpickr". Here you can find the styles that you can change as you wish for the individual elements of the navigation calendar.
The calendar element consists of a navigation calendar and a diagram. The navigation calendar is structured somewhat differently here than in connection with an edit field. Clicking on "Today" always automatically selects the current date, which is also highlighted here. Above the navigation calendar and diagram in the calendar element, you will find several buttons that can be used to change the view of the calendar and diagram. By dragging the mouse while holding down the left mouse button, any period of time can be marked, such as a single day or several days. The chart is always automatically updated according to the view and appointment selection in the navigation calendar.
A plugin must be defined and assigned to the calendar element so that appointments can be recorded and managed.
At the top of the calendar you can scroll from month to month. In the left column, the whole calendar week is selectable with one click and is selected in the navigation calendar and in the diagram. The days of the week are displayed in the top line of the navigation calendar.
The next 4 days - including the current date - are selected in the navigation calendar and in the chart.
The current week is selected here in the navigation calendar and in the chart.
The days of the current working week are automatically selected in the navigation calendar. The diagram is filtered and presented accordingly.
A month or a whole quarter can be selected here in the navigation calendar.
Instead of the diagram, outputs an appointment list showing all appointments of the selected period.
You can switch between the month and year view via the context menu.
You can select entire months or quarters in the year view. Click on "Today" to select the current month.
Calendar weeks can be selected in the month view.
If you move the mouse over the title of an appointment in the diagram, the appointment details will be shown.
The color of the plugin, which is the appointment's source is shown to the left of the appointment.
When you move the mouse over an appointment, bars will appear to the right and left of the appointment. You can extend the appointment on the time line accordingly via drag & drop.
An appointment can be moved by drag & drop in the diagram.
Click on an appointment to open the edit page where the appointment can be edited.
When hovering the mouse over an appointment, an arrow icon will appear in the lower right corner, which can be used to start the export of the appointment. This can used to export the appointment as a *.ics file which can opened or imported in Outlook.
The categories are displayed under the navigation calendar.
In the Applications module, plugins can be defined in the Calendar or Resource element properties; these display appointments from the same or other calendar/resource applications in the current calendar. How that is done is described in this Tips & Tricks article.
Integrated plugins are shown on the left-hand side underneath the categories. If you uncheck the checkbox to the left of a calendar plugin, the corresponding dates will be hidden in the chart.
New appointments can be created by clicking on the cell with the required date in the diagram. You can also mark the entire appointment in the diagram with the mouse. You can also create longer appointments by holding down the left mouse button and highlighting the corresponding length. The appointment length is shown in a different color and the edit page is shown automatically. The beginning and end of the appointment is entered automatically based on your selection.
Enter the title of the appointment here.
From / to
Enter the start and end date of the appointment here.
You can provide the appointment with an optional description here.
Select the required category.
Opens a page where a category can be created.
Click here for more information.
An image can be selected which should be shown for the appointment. The image is automatically reduced to the right size in the diagram.
When you create or edit an appointment, you will see the "Appointment series" link towards the bottom of the edit page. Click on this link to open a dialog where you can create a recurring appointment based on the current appointment.
Start / End
The start and end are taken from the appointment, provided they have been entered on the Edit appointment page.
Here, specify whether the appointment recurs on a daily, weekly, monthly or yearly basis.
Every ... Day(s)
If you select the "Daily" option, you can also define how often the appointment should recur in days.
Defines when the series should end. Here, you can either decide how many times the appointment should recur or specify an end date.
This button can be found on existing appointment series. This changes the series back into a single appointment.
The resource element is suitable for bookings such as the reservation of meeting rooms or company vehicles. Schedules can also be created with it. It consists of a navigation calendar and a diagram. The navigation calendar has the same functions as the navigation calendar of the calendar element. Above the navigation calendar and diagram in the calendar element, you will find several buttons that can be used to change the view of the calendar and diagram. By dragging the mouse while holding down the left mouse button, any period of time can be marked, such as a single day or several days. The chart is always automatically updated according to the view and appointment selection in the navigation calendar.
A plugin must be defined and assigned to the resource element so that appointments can be recorded and managed.
The edit page for booking resources can be opened by clicking on the desired date in the resource diagram.
You can select a different resource for the reservation here. Every resource is listed here that has been created in the administration.
Opens a page where a resource can be created.
When you click on the field "Color", a color palette will be shown where you can select the color. You can also upload an image to label the resource. The resource is created when you click on "Save".
The booking can be assigned to a category here.
Opens a page where a category can be created.
Here you can set a title, font and background color for the category. The category is created when you click on "OK".
Enter the title of the booking here.
From / to
Define the beginning and end date/time of the reservation here.
Enter a description for the booking here.
The reservation can be created as a reoccurring reservation by clicking on the Appointment series link.
An image can be selected here that is shown in the resource calendar for this appointment.
Click "OK" to complete the booking. The system automatically checks whether the resource is already booked in this period. If this is the case, a message is displayed.
The reservation is now shown in the diagram. The color of the assigned category is used as the background color. On the left-hand side of the entry, a bar will be shown with the background color of the resource. You will find the defined categories and resources below the navigation calendar. In the diagram, each resource is displayed in the left column. Click in the corresponding cell with the desired date to the right of it to create bookings. Click here for more information about these settings and functions.
Resources can be shown and hidden by clicking on "Select resource" in the diagram. Remove the resources you no longer want to be displayed in the diagram by unchecking the box to the right of the resource.