Skip to Main Content

Parallax Template Component

About Parallax

Parallax scrolling is a visual effect where the background of a web page appears to stay still while the foreground shifts vertically or horizontally. Parallax scrolling is used to add visual interest to a website and engage users as they scroll through a web page.

Easy to use

Even without prior web design expertise, anyone can harness the power of our Parallax Template. Its intuitive interface makes it a breeze to create stunning parallax effects and captivating websites with no coding required. It is also very easy to import or transfer to other environments.

Reusable

With this template plug-in, users can easily create declarative parallax regions. It has a feature to be used as a single or multiple instance template with many declarative options. With this plug-in, you can achieve consistency, save time, and scale effortlessly with our 'Reusable' feature in APEX.

User Experience

The Parallax effect has surged in popularity on modern web pages, becoming almost necessary. With our template plug-in, you can enhance the user experience and elevate your application to the next level.

Parallax Plug-in Options

This plug-in can dynamically set the following options :
  • Template
    • Height
    • Main custom class
    • Region custom class
  • Title
    • Name of region
    • Icon
    • Custom class
  • Body
    • Content
    • Custom class
  • Background
    • Image URL
    • Brightness
    • Opacity
    • Custom background class

Template Components

About

Use Template Components to create reusable UI components that work in Page Designer like any other plug-in.

Template Components are a new plug-in type for building reusable UI components that support actions, menus, and custom attributes within Page Designer. These components can be rendered standalone as regions displaying one or multiple rows of data and can also be within reports as partials for a column.

Attributes defined in the plug-in are editable in Page Designer for any column or region using the plug-in type. With the introduction of Action Positions and Action Templates for plug-ins, you can define Actions and Menu buttons with row-level conditions for Template Components.

Template Components enable developers to add new region types to APEX that are not based on PL/SQL. New regions based on template components can:
  • Display instantly as multiple or single rows
  • Remember pagination
  • Use faceted search and smart filters
  • Support the external Order By item

A Template Components plug-in Type contains an HTML template and includes support for template directives. Template directives are special tokens in a template that control how the text around them is processed.

Tip:

To learn more about Template Component Type plug-ins, see About Template Component Type Plug-ins

About Creating Template Components

To create a Template Component, create a new plug-in and specify the Type as Template Component. Under Templates, enter markup for the template. You specify how the plug-in displays and where it can be used by configuring the Available as attribute:

  • Multiple (Report) - Use the Template Component for a region to show multiple rows with pagination options.

  • Single (Partial) - Use the Template Component for an interactive report column or for a region to show a single row.

Tip:

Template Component Type plug-in include support for template directives. To learn more, see Using Template Directives.

Custom Attributes

To reference the Static IDs, edit the plug-in and add Custom Attributes with a Scope of Component and use the #STATIC_ID# placeholder syntax. You can quickly synchronize all placeholders as Custom Attributes by clicking the Synchronize from Templates button on the plug-in Edit page. These Custom Attributes are used by Page Designer to assign values to placeholders.

Action Positions and Action Templates

Editing a plug-in and adding Actions enables end users to interact with the Template Component. The Action Template defines if the template is a simple Button or displays a Menu button. The Action Position defines the button's position within the template. You specify in Page Designer which action to perform on a click of the button.

Nested Templates

Oracle APEX enables you to embed another Template Component within a current Template Component. Nesting Template Components is a way to break templates into smaller reusable components. To nest a Template Component use the {with/} and {apply/} syntax of template directives.

Viewing Template Component Examples

The Universal Theme includes several Template Component Type plug-ins:

  • Comments - Based on the classic report Comments template. Displays user comments and status updates declaratively using custom region attributes. Supports avatars.
  • Content Row - Based on the classic report Content Row template. Displays region content and layout as a content row using custom region attributes. Supports avatars and badges.
  • Media List - Based on the classic report Media List template. Displays region content and layout as a media list using custom region attributes. Supports avatars and badges.
  • Timeline - Based on the classic report Timeline template. Displays a series of events by declaratively setting custom region attributes.