Monday, 5 March 2018

Oracle Apex Login Page Design

Go To Page 101 Login Page -> Filter Properties

CSS -> Inline

This code Display Company logo.

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

This code Display Background Body.

.t-PageBody--login .t-Body{
    background: url(#APP_IMAGES#pexels-photo-248797.jpeg);
 background-repeat: no-repeat;
 background-size: cover;
}

This code Adjustment Of the Body. 

.t-Login-region {
     position: relative;
 widht: 410px;
 margin: 0 auto;
 background: rgba(130,130,130,.3);
 padding: 20px 22px;
 border: 1px solid;
 border-top-color: rgba(255,255,255,.4);
 border-left-color: rgba(255,255,255,.4);
 border-bottom-color: rgba(60,60,60,.4);
 border-right-color: rgba(60,60,60,.4);
}

You have to disable the login icon.

  • Go to Page items.
  • Select Region.
  • Under the Region go to Apearance disable the "Template Options".

If you want water mark simbols like "Enter Username".

  • Select P101-USERNAME label.
  • Goto Filter Properties. 
  • Appearance select 'Value PlaceHolder' then enter the text.


27-03-2019

                                                                  Apex Project Creation 1. Create new project and select desktop applicat...