Application Name Auto Scrolling In Oracle Apex

How to Auto-Scroll the Application Name in Oracle APEX

How to Auto-Scroll the Application Name in Oracle APEX

In this tutorial, we'll guide you through the process of enabling auto-scrolling for the application name in Oracle APEX, which can add a dynamic and engaging effect to your homepage. By using the <marquee> HTML tag, you can create a smooth scrolling effect for text such as your application name or system title. This feature can enhance user experience, making your application look modern and interactive.

Steps to Auto-Scroll the Application Name in Oracle APEX

1. Access Your APEX Application:

   • First, log in to Oracle APEX and navigate to the desired application where you want to apply the auto-scroll feature.

2. Modify the Home Page:

   • Open the Home Page in Page Designer.
   • Locate the region where the application name or title is displayed. This is often part of the breadcrumb or title box.

3. Add the Marquee HTML Tag:

   • In the Title Box or Breadcrumb Bar Property, you can insert HTML code to create the auto-scroll effect.
   • Use the <marquee> tag with specific attributes to control the direction, width, and height of the scrolling text.

   Example code to auto-scroll the application name:

   <marquee width="60%" direction="left" height="30%">School Management System</marquee>
   

   • Width: Adjusts the width of the scrolling text (e.g., 60% of the page width).
   • Direction: Specifies the scrolling direction (e.g., "left" for leftward scrolling).
   • Height: Defines the height of the marquee area (e.g., 30% of the page height).

4. Save Changes:

   • Once you have inserted the code, save your changes and preview the page. The application name or text will now scroll automatically in the designated area.

Customizing the Scrolling Effect

To further enhance the visual appeal, you can customize the scrolling text with additional attributes such as scroll delay, behavior, and more:

• Scroll Delay: Controls the speed of scrolling.

  <marquee scrolldelay="100" width="60%" direction="left" height="30%">School Management System</marquee>
  

• Behavior: Choose between "scroll", "slide", or "alternate" for different effects.

  <marquee behavior="alternate" width="60%" direction="left" height="30%">School Management System</marquee>
  

Conclusion

By adding the <marquee> tag to your Oracle APEX home page, you can make your application name or title dynamically scroll across the screen, providing an attractive and modern user interface. This simple customization can make your APEX application more engaging for users.