Create Reports List Using Oracle APEX Cards - Part 24

Tech Mining
18 Nov 202202:26

Summary

TLDRThe video provides a step-by-step guide on creating a new page in Tech Mining to list all available reports in the application. It covers creating a blank page, naming it, mapping it to the existing 'Reports' menu entry, and configuring it to display report lists as cards with CSS customization options. The tutorial emphasizes saving and testing the page to ensure it functions correctly in the main navigation menu. The video concludes by highlighting the successful creation of the page, with a note that further tasks involve making the individual reports accessible.

Takeaways

  • πŸ“ Start by creating a blank page for listing all available reports in the application.
  • πŸ” Name the page and assign it to the 'Reports' entry in the main navigation menu without using breadcrumbs.
  • 🎨 Choose the 'Cards' option in the attributes tab to display the reports as visual cards.
  • πŸ› οΈ Utilize template options for CSS customization to style the component directly.
  • πŸ“š Test the template options by applying and evaluating the available CSS classes.
  • πŸ’Ύ Save the work regularly to ensure progress is not lost.
  • πŸ“± Test the application by navigating to the 'Reports' entry to see the list of reports.
  • 🚫 Currently, clicking on any report will display a message indicating the page is unavailable, which is a task for the future.
  • πŸŽ₯ The video demonstrates the process of creating a page from scratch for listing reports.
  • πŸ”‘ The importance of understanding the attributes and options for customizing the report list is highlighted.
  • πŸ‘‹ The video concludes by acknowledging the viewer for watching and provides a sign-off.

Q & A

  • What is the purpose of the Tech mining video?

    -The purpose of the Tech mining video is to guide users on how to create a page from scratch to list all the reports available in the application and integrate it into the main navigation menu.

  • What is the first step in creating a reports page?

    -The first step in creating a reports page is to create a blank page, also known as creating a page from scratch.

  • What information needs to be entered when creating the blank page?

    -When creating the blank page, you need to enter the page number and page name.

  • Should breadcrumbs be used on this page?

    -No, breadcrumbs should not be used on this page.

  • Which menu entry should the new page be mapped to?

    -The new page should be mapped to the existing 'reports' menu entry.

  • What should be done after creating the blank page successfully?

    -After creating the blank page successfully, you should create a new region that will display the reports list.

  • What will the region created in the attributes tab display?

    -The region created in the attributes tab will display the reports list as cards, using the images set for the reports list in the navigation menu entries video.

  • What can template options in the attributes tab be used for?

    -Template options in the attributes tab can be used to select a number of CSS customization settings to be applied directly against the component.

  • What is the best way to understand the attribute settings?

    -The best way to understand the attribute settings is to select, apply, and test the available options.

  • What should you do after saving your work?

    -After saving your work, you should test the application by running it, opening the main navigation menu, and clicking the reports entry to ensure the page was created successfully.

  • What is the expected outcome when clicking a report in the list at this stage?

    -At this stage, if you click and try to open any of the reports, you'll get the message 'sorry this page isn't available', which indicates the next task.

Outlines

00:00

πŸ“ Introduction to Creating a Reports Listing Page

This paragraph introduces the task of creating a new page in a Tech mining application dedicated to listing all available reports. The process begins with creating a blank page, which is accessed through the main navigation menu under the 'reports' entry. The video will guide through the creation of this page, starting from entering the page number and name, to setting up the page without breadcrumbs and linking it to the 'reports' menu entry. The creation of a new region for displaying the reports list as cards is also covered, with an explanation of how to use template options for CSS customization.

Mindmap

Keywords

πŸ’‘Tech mining

Tech mining refers to the process of extracting valuable insights from technological data, often used in the context of software development and IT solutions. In the video, it likely represents the name of the application or platform being discussed, where reports are created and managed.

πŸ’‘Reports

In the context of the video, 'reports' are documents or data visualizations that provide information or analysis. The script focuses on creating a page to list all available reports within the Tech mining application, indicating their importance for users to access and review.

πŸ’‘Main navigation menu

The main navigation menu is a primary interface element in applications that allows users to access different sections or features. In the video, clicking the 'reports' entry in this menu is the action that triggers the display of the reports list page.

πŸ’‘Page from scratch

Creating a page from scratch means starting with a blank template and building a new page without using any pre-existing structures. The video script describes the step-by-step process of doing this to list the reports in the application.

πŸ’‘Breadcrumb

Breadcrumb is a secondary navigation scheme that shows the path from the homepage to the current page. The script mentions not to use breadcrumbs on the reports list page, suggesting a focus on simplicity and direct access to the reports.

πŸ’‘Map to an existing menu entry

Mapping to an existing menu entry refers to linking a newly created page to an option within the application's menu system. In the script, this step is used to associate the new reports list page with the 'reports' option in the main navigation menu.

πŸ’‘Region

In web design, a region is a designated area on a page that serves a specific purpose. The script describes creating a new region to display the list of reports, which is a key component of the page's functionality.

πŸ’‘Cards

Cards are a UI component that typically display content in a box-like format, often used for organizing and presenting information in a visually appealing way. The script mentions using the 'cards' option to display the reports as cards on the page.

πŸ’‘Template options

Template options refer to customizable settings or features within a template that can be adjusted to fit specific design or content needs. The video script discusses using these options to apply CSS customizations to the component displaying the reports.

πŸ’‘CSS classes

CSS classes are selectors used in stylesheets to apply styles to HTML elements. The script mentions that template options are defined as CSS classes, which can be used to customize the appearance of the reports list.

πŸ’‘Save

Saving is the action of preserving work or data, typically in a file or database. In the context of the video, clicking the 'save' button is an essential step to ensure that the created page and its settings are stored.

πŸ’‘Testing

Testing is the process of evaluating a system or its components to determine if it meets the specified requirements. The script includes running the application and testing the newly created reports list page to ensure it functions as intended.

Highlights

Introduction to creating reports in Tech Mining.

Creating a page from scratch to list all reports available in the application.

The importance of the reports entry in the main navigation menu.

Detailed process for creating a blank page.

Specifying page number and page name.

Instruction to avoid using breadcrumbs on this page.

Mapping the page to an existing menu entry.

Creating a new region to display the reports list.

Using the cards option in the attributes tab to present report images.

Explanation of template options and CSS customization settings.

Emphasis on applying and testing attribute settings.

Saving the created page.

Testing the work by running the application.

Navigation to the reports entry to view the created page.

Next task preview: handling the 'page isn't available' message.

Transcripts

play00:00

a very warm welcome to Tech mining

play00:02

prior to creating reports you will

play00:05

create a page from scratch to list all

play00:07

the reports available in the application

play00:10

in the main navigation menu when you

play00:12

click this reports entry

play00:14

this is the page which will appear

play00:16

carrying all these reports list in the

play00:18

application

play00:19

in this video we are going to create

play00:21

this page

play00:23

so let's get started

play00:25

create a blank page which is also known

play00:27

as creating page from scratch

play00:30

enter page number

play00:33

then page name

play00:35

[Music]

play00:39

this will be a normal page

play00:43

don't use breadcrumb on this page

play00:46

select map to an existing menu entry

play00:48

option then select reports option

play00:52

click this create page button to create

play00:54

blank page successfully

play00:59

create a new region

play01:02

this region will display the reports

play01:04

list we created in video while creating

play01:06

all these navigation menu entries

play01:16

in the attributes tab by choosing this

play01:19

cards option the images you set for the

play01:22

reports list in that menu entries video

play01:24

will be presented as cards in this video

play01:27

template options allow for selecting a

play01:30

number of CSS customization settings to

play01:32

be applied directly against the

play01:34

component template options are also

play01:36

defined as CSS classes in the associated

play01:38

templates

play01:40

the best way to understand these

play01:42

attribute is to select apply and test

play01:44

these available options

play01:47

[Music]

play01:55

click this save button to save your work

play02:00

now let's test our work run the

play02:03

application open the main navigation

play02:06

menu then click this reports entry

play02:09

we created our first page successfully

play02:11

which is carrying all these reports list

play02:13

at the moment if you click and try to

play02:15

open any of these report you'll get this

play02:18

message sorry this page isn't available

play02:20

which is our next task

play02:23

thanks for watching

play02:25

[Music]

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
Tech MiningReport ListingWebpage CreationNavigation MenuVideo TutorialPage DesignCSS CustomizationUser InterfaceContent ManagementWeb Development