A page is a container for content. Content is represented as one or more Blocks on a page. A page is not a static HTML page; it is defined in the configuration. New pages can be added, changed, and removed dynamically without writing any code.
A page can be optionally added to the burger menu or sub-nav. A page is visible if any of its blocks are accessible to the user.
Overview of a page
A Page in the app is somewhat like a regular HTML page: it has its own hyperlink, it's linked to other pages and it has some content, defined as Blocks. There are also some differences:
- Navigating between in-app pages does not require a complete reload of the web page because it's a single-page application. This delivers a faster, streamlined end-user experience.
- The hyperlink of the page is defined by the part after the hash (#)
- In-app pages can be rendered in different ways, such as inside a modal window
A page has the following properties:
|Title||The title of the page, which serves as the browser tab title and the label shown inside the page. See Page title.|
|Description||An optional description of the page; is not presented to end-users|
|Icon||An icon for the page|
|Icon Color||The color of the icon; choose from the available palette of modern colors|
|Page Id||The first part of a page's hyperlink. See Page hyperlink.|
|Object Id Format||Determines the expected format of the second part of a page's hyperlink. See Page hyperlink.|
|Object Id Handler||Optional PL/SQL procedure that can query the database to derive additional key-value pairs that are passed to the blocks. See object Id handler.|
|Status||Whether the page is in draft or published. See Draft and published pages.|
|Layout||Determines how the page draws its blocks. See Page layouts.|
|Dynamic title||Allows a PL/SQL function to be used to retrieve a dynamic title, rather than the static title specified in the Title property. See Page title.|
|Hide title bar||When set, the title bar label shown on the page will be hidden. The page title will still be shown in the browser tab. See Page title.
When hiding a page title, any page action buttons will not be shown.
|Anchor title bar||When set, the page title bar will be anchored to the top of the screen as a user scrolls down. This is useful for pages with an important call-to-action button, such as a 'Submit' button. See Page title.|
|Background image||A background image that shows on the page behind the blocks. Upload the image to $OA_MEDIA/xxas/custom/ and then specify this image here.
For better performance, ensure you compress the image first using an image compression tool.
|Repeat the image horizontally||If the image uses a pattern, specify this to repeat the image.|
|Restrict devices||Hide the page from the menu on certain screen sizes or device types. You have 5 different options to select from: small, medium, and large screen sizes, and native apps, or on desktop/mobile browsers (web apps).
Small, medium, and large is typically a phone, tablet, and desktop but this can vary according to a particular device's screen size and orientation.