Wednesday, December 11, 2019

Customize LOGIN PAGE Using CSS in Oracle Apex

1. Upload the Image to your Workspace from App Builder > App > Shared Component

2. Go to Page Desginer >  CSS > Inline and Add Below Code

Logo Design Code

span.t-Login-logo
{
  background-image: url(#APP_IMAGES#savelife_logo.jpg);
  background-size: cover;
  width: 120px;
  height:120px; 
}

Background Image Code

.t-PageBody--login .t-Body
{
    background: url(#APP_IMAGES#red.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

in (Application Express 19.2.0.00.18)

.t-PageBody--login .t-Login-container
{
    background: url(#APP_IMAGES#red.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

No comments:

Post a Comment

Delete Row Button to all records of Interactive Report in Oracle Apex

 1. add 'Delete' Del column to Report Query 2. Set the Following Properties for the DEL Column Type: Link Heading: Delete Targ...