Managing Events Using Calendar Page - Part 36
Summary
TLDRThis Tech mining video tutorial guides viewers through creating an event calendar with an event report page, an event form page for modifications and new event generation, and a calendar page with interactive features. It covers the setup of a 'demo tasks' database table, the creation of pages for displaying and managing events, and the implementation of a drag-and-drop utility for rescheduling events. The video also demonstrates how to modify event details and reflects changes in real-time on the calendar, offering a comprehensive guide to building a functional event management system.
Takeaways
- π The video outlines the creation of an event calendar with specific pages for reporting and managing events.
- π The first page is an 'event report page' that displays data from the 'demo tasks' database table.
- π The second page is an 'event form page', allowing modification of existing events and creation of new ones.
- π Clicking on a date number on the calendar page brings up the event form page for that specific date.
- πΆ The script mentions the use of music in the video, indicating a multimedia learning experience.
- π The video provides steps to add a 'demo tasks' table and related data to the database.
- πΎ Viewers are instructed to download source code from the video description for further reference.
- π₯οΈ The 'demo tasks' table creation is shown with sequence and a trigger, and can be viewed in the SQL Workshop.
- π The calendar page creation process is detailed, including options for date and time display settings.
- π The script explains how to create an event report and form page, and how to check them in the page designer.
- π The video covers the functionality of changing an event's date and the corresponding database update.
- π It also introduces a drag and drop utility for moving events to new dates, with immediate database reflection.
- π The script mentions using the primary key value for calendar events in the drag and drop feature.
- π οΈ The final part of the script discusses the PL SQL code involved in the event calendar, including Apex substitutions for start and end dates.
Q & A
What is the main purpose of the video?
-The main purpose of the video is to guide viewers through the process of creating an event calendar with an event report page and an event form page, which allows users to display, modify, and generate new events.
What are the two primary pages created in the event calendar system?
-The two primary pages created are the event report page, which displays data from the database, and the event form page, which allows users to modify existing events and generate new ones.
How does the calendar page interact with the event form page?
-When a user clicks on a date number on the calendar page, the event form page appears, enabling the user to either create a new event or modify an existing one.
What feature allows users to change the date of an event?
-The drag and drop utility allows users to change the date of an event by dragging it to a new date on the calendar.
How does the system handle the time component of the date?
-If the start date or end date columns do not include time components, they will be shown as 12 am. Users can choose to display the time portion of the date by selecting 'Yes' for the Showtime option.
What is the significance of the 'class' column in the event table?
-The 'class' column helps in styling events using different colors, allowing for better visual differentiation and organization of events.
How can users create a new task from within the calendar?
-Users can create a new task by clicking on any empty cell in the calendar, which will open the event form page where they can input the task details.
What happens when a user clicks on an existing entry in the calendar?
-When a user clicks on an existing entry, the event form page opens, allowing the user to access and modify the details of the existing task.
What are the status field options available in the demo task table?
-The status field in the demo task table has four options: open, on hold, pending, and closed, which can be used to indicate the current state of a task.
How does the drag and drop feature affect the database?
-When a task is dragged and dropped to a new date, the date change is reflected in the demo tasks table in the database, updating the event's date accordingly.
Where can viewers find the source code used in the video?
-Viewers can download the source code from the video description, specifically in the 'part 11' folder.
Outlines
π Creating an Event Calendar System
This paragraph introduces the video's objective to create an event calendar system. It involves setting up an event report page to display data from the 'demo tasks' database table and an event form page for modifying existing events and generating new ones. The calendar page is interactive, allowing users to click on a date to bring up the event form and change event dates. The video also promises to cover the creation of a drag-and-drop utility for events, which will update both the calendar display and the database. Initial steps include adding the 'demo tasks' table and its data to the database, followed by downloading the source code provided in the video description.
π Exploring the Event Calendar Pages
The second paragraph delves into the functionality of the event calendar system. It describes how to check the created pages, including the calendar page, event report, and event form pages. The 'supplemental information' property is highlighted to show the user assignment of tasks, while the 'class' column is used for styling events with different colors. The paragraph explains how to create a new task from the calendar and access existing tasks. It also details the process of creating and modifying tasks, including changing task status options in the 'demo task' table. The video concludes with a demonstration of the drag-and-drop feature, which allows users to move events to different dates and see the changes reflected in real-time in the database.
Mindmap
Keywords
π‘Event Calendar
π‘Event Report Page
π‘Event Form Page
π‘Database
π‘Drag and Drop
π‘Primary Key
π‘PL/SQL
π‘Apex
π‘Status Field
π‘Supplemental Information
π‘Class Column
Highlights
Introduction to creating an event calendar with an event report page and an event form page.
The event report page displays data from the 'demo tasks' database table.
The event form page allows modification of existing events and creation of new ones.
Calendar page interaction: clicking a date number brings up the event form page.
Changing an event's date number moves the event to a new date on the calendar.
Introduction of a drag and drop utility for event date changes.
Drag and drop updates both the calendar and the database.
Instructions on adding the 'demo tasks' table and data to the database.
Source code for the project is available for download.
Demonstration of creating the 'demo tasks' table with sequence and trigger.
Viewing the table and data fields in the database using SQL Workshop.
Creating the calendar page with options for date and time display.
Details on how to create the event report and form pages.
Checking the functionality of the created pages in the page designer.
Using the supplemental information property to display user assignment names.
Styling events with different colors using the 'class' column.
Creating a new task from the calendar by clicking an empty cell.
Accessing and modifying an existing task through the event form page.
Status field options in the 'demo task' table: open, on hold, pending, and closed.
Immediate reflection of task creation in the calendar and 'demo tasks' table.
Switching event dates and observing the update on the calendar and in the database.
Enabling drag and drop functionality for calendar events.
PL SQL code explanation for handling start and end date substitutions and primary key values.
Final demonstration of event movement through drag and drop and its effect on the database.
Conclusion of the tutorial with a thank you note to the viewers.
Transcripts
a very warm welcome to Tech mining
in this video we are going to create an
event calendar
to complete this task we need to create
some pages
this first page is an event report page
which is displaying the data of database
table demo tasks
this second page is an event form page
through which we can modify existing
events
and can also generate new events
on the calendar page when we click on a
date number that event form page appears
again
[Music]
changing the date number of an event
will move that event to the new date
here we'll also create the drag and drop
utility of events
this drag and drop action will change
the date of an event and database also
[Music]
let's start creating this segment
first execute these following steps to
add demo tasks table and its regarding
data to the database
[Music]
now download the source code from this
video description then in part 11 folder
you will get the material used in the
video
[Music]
foreign
as you can see demo tasks table is
created along with its sequence and a
trigger with zero errors you can view
this table in the database by expanding
SQL Workshop menu then click object
browser
these are the columns and data fields of
this table
by clicking this data tab we can see the
existing data in this table
[Music]
let's create the calendar page
foreign
[Music]
foreign
[Music]
foreign
if the start date or end date columns do
not include time components they will be
shown as 12 am
selecting the end date column will
display the duration of events
if you want to also display the time
portion of the date then select yes for
Showtime
weekend day views will only be displayed
when Showtime is set to yes
[Music]
after the creation of the calendar page
it's time to create event report and
event form page
foreign
[Music]
foreign
[Music]
after report and form page creation
let's check these pages
foreign
[Music]
calendar page 401 in the page designer
[Music]
this supplemental information property
displays the name of the user the task
is assigned to
foreign
class column helps us to style the
events using different colors
[Music]
this step will help you to create a new
task from within the calendar
this step assumes that you have already
created event form page where we create
a new task
[Music]
this second step will help us to access
to an existing task
when the user clicks an existing entry
the event form page will open
foreign
[Music]
run the page click manage event entry
create a new event by clicking any empty
cell in the calendar
[Music]
in the current scenario status field
have four option in the demo task table
open on hold pending and closed you can
use anyone you like
the task is created in the demo tasks
table and it is also reflected
immediately here on the calendar
when you click the task it opens in the
events form where you can modify its
contents
here we are switching the event date
from 16 to 17.
as you can see the event is successfully
moved forward to the new date
let's explore the last important part of
the calendar segment drag and drop
this column will hold the primary key
value for our calendar events
turn on this drag and drop switch
[Music]
in this PL SQL code the Apex dollar news
start date substitution Returns the
revised start date Apex dollar new end
date Returns the revised end date for
duration-based events an apex dollar PK
value Returns the value of the column
specified in the primary key column
refresh your browsers window
now we are free to move our events
anywhere
drag and drop a task to some other date
and observe the change in the demo tasks
table in the database
[Music]
that's it for now
hope this video was helpful and you
enjoyed it
thanks for watching
Browse More Related Video
![](https://i.ytimg.com/vi/b3W6P_nyPEw/hqdefault.jpg?sqp=-oaymwEXCJADEOABSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAjuNzhkpsibp0A9m_kI91za-p-VA)
Create Setup to Display Records In an Order Calendar - Part 28
![](https://i.ytimg.com/vi/_JmWe8EzddA/hq720.jpg)
Adding Events to Presence
![](https://i.ytimg.com/vi/18FIDhPFmBU/hq720.jpg)
Notion Calendar Γ© qui e ti spiego come funziona nel dettaglio
![](https://i.ytimg.com/vi/D2RXh2z629I/hqdefault.jpg?sqp=-oaymwEXCJADEOABSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAj8DPR7D2BHk0c0Y1bzPjx943MbQ)
Display Images in Oracle APEX Interactive Reports and Forms - Part 8
![](https://i.ytimg.com/vi/dy--PPqPOh0/hqdefault.jpg?sqp=-oaymwEXCJADEOABSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDHQqxppAjDT6awL_xzE9SOvKMAxw)
Customize Interactive Report With Actions Menu - Part 11
![](https://i.ytimg.com/vi/1DRnBFJGqOc/hqdefault.jpg?sqp=-oaymwEXCJADEOABSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBKGaUCJRGqRxrCXrwUr5TVWVTx8Q)
Give a New Look to Form Page Interactive Report - Part 15(A)
5.0 / 5 (0 votes)