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