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:
Property | Description |
---|---|
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. |