See all tasks >
Tne Bootstrap FullCalendar plugin offers some rich features with the ability to create events that span multiple days and the ability to easily create over hints for events are two of the most common requests we've heard.
It's integration comes from the rich FullCalendar
FullCalendar is a jQuery Based library that generates a calendar with a robust set of features, including support for multi-day events.
Above is an example calendar region based on the Bootstrap FullCalendar APEX plugin.
It gives you the ablility to view (Day, Week, Month) of the calendar it last displayed.
Also which date on the calendar was last displayed,It redisplays the same after having navigating away and back to the calendar.
Navigate to Shared Components > Plug-ins and click Import >.
Follow the wizard to upload and install the plug-in using the file named region_type_plugin_nl_smart4apex_calendar_.sql which is included with theplug-in installation package.
If you are installing the plugin into APEX 4.1, after the plug-in has been installed successfully you will be redirected to the plug-in edit screen. When installing in to APEX 4.2, however, You will be taken to the Component Settings screen. Each will allow you to set the application level defaults for the plugin as seen below.
, title -- title to be shown in event
, all_day -- (valid values 'true' or 'false')
, start_date -- must be of the format 'YYYY-MM-DD"T"HH24:MI:SS'
, end_date -- must be of the format 'YYYY-MM-DD"T"HH24:MI:SS'
, url -- APEX URL Format
, event_color -- Color of this specific Event
, description -- Description
Below is an example of a query using the required columns as well as their order. All columns required but may be "NULL":
title AS title,
'false' AS all_day,
TO_CHAR(start_date, 'YYYY-MM-DD"T"HH24:MI:SS') AS start_date,
TO_CHAR(end_date, 'YYYY-MM-DD"T"HH24:MI:SS') AS end_date,
NULL AS url,
'blue' as event_color
Calendar Width (px) - Enter the width of the calendar in pixels. If you leave this value null, the calendar will automatically expand to fill the space given.
Calendar Width (px) - Enter the height of the calendar in pixels. If you leave this value null, the calendar will automatically expand to fill the space given.
Header: Left - Dictates the content of the left section of the calendar header.
Calendar Width (px)
Calendar Width (px)
Prevent Href Click
First Day of Week