Oracle APEX 23 Course For Beginners

Oracle APEX 23 Course For Beginners
Oracle APEX 23 Course For Beginners

Monday 30 December 2019

Using Calendar in Oracle APEX to Manage Events


Oracle APEX allows you to add calendars to your application with monthly, weekly, daily, and list views. Calendar is based on the FullCalendar jQuery library and can only be customized through CSS. You can create a calendar based on a table or SQL query. During the creation process, you are prompted to select date and display columns. Once you specify the table on which the calendar is based, you can create drill-down links to information stored in specific columns and enable drag and drop capability.

Using the Calendar component you can:


  • Display calendar events on multiple views (Month, Week, Day, or List).
  • Render duration and non-duration based events.
  • Render events from external sources using web service calls or Google Calendar feeds.
  • Modify the start and end dates by dragging and dropping events on different dates. Drag and drop is only supported for local data sources, that is, database objects in the referenced database schema and not on external data sources such as a Google calendar.
  • Edit or add new events on calendar using forms by clicking either on events or empty calendar cell.
  • Use different CSS classes, developer can choose different styles for different types of events.
  • Share events using multiple formats (iCal, CSV, XML).
  • Enable tooltip to make it easier for users to have a quick look at details of each event.


To use the calendar, you need to prepare a SQL query with the following columns:

Start Date – the start date for events displayed on a calendar. It can include the starting time.

End Date – the column which holds the end date for events displayed on a calendar. If this attribute is specified, then the calendar displays duration based events.

Display – Holds the text displayed for events on a calendar.

CSS Class – the CSS class name to style the events displayed on a calendar. This column is optional.

Primary Key – primary key for the event. The column becomes necessary if you want to enable drag and drop feature.

Supplemental Information – additional information which is displayed in the List View and Tooltip. Use &COLUMN. syntax to show column values in HTML. Show Tooltip must be set to Yes in order for this supplemental information to be displayed in the Month, Week and Day views.






Try Live Demo: https://apex.oracle.com/pls/apex/f?p=2869:13







Display Data Dynamically In A Gauge Chart

In this tutorial, we will learn how to display customer's ordered data in a gauge chart dynamically. As you choose a customer name from ...