Arun Mohan
apexvarsity

Follow

apexvarsity

Follow
How to set a background image for the APEX login page?

How to set a background image for the APEX login page?

Background image for login page

Arun Mohan's photo
Arun Mohan
·Dec 15, 2022·

1 min read

Play this article

Table of contents

  • Introduction
  • Expected Output
  • Default Login Page
  • Steps
  • Output
  • Useful Links

Introduction

This tutorial helps you change the background image of the login page in Oracle APEX.

APEX Version: 22.1

Expected Output

Default Login Page

Steps

  • Upload image in Shared Components --> Files and Reports --> Static Application Files --> Create File

  • Note down the "Reference". In this example, the Reference is #APP_FILES#app-bg.jpg

  • Edit the Login Page and add the below-given CSS in the inline CSS field under the CSS section.

body{
  background-image: url('#APP_FILES#app-bg.jpg') !important;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover !important;
}
  • Save changes and run the page.

Output

Stock Photos: https://www.pexels.com/

Opensource Illustrations: https://undraw.co/

 
Share this