본문 바로가기
  • 노란색 세상은 어디에 있을까?
  • 봄이 오면 여기에 있겠지.
  • 잠시나마 유유자적 하겠네.
APEX-기본설정/페이지 설정

[ 로그인 ] 백그라운드 이미지 변경을 아래과 같이 진행합니다.

by 태백성 2024. 4. 4.
백그라운드 이미지 파일을 업로드합니다.
 - 경로 : Application 7037800 > Shared Components > Static Application Files
 - Create File 버튼을 클릭합니다.
 
- 로그인 이미지 파일을 드래그합니다.
- Create 버튼을 클릭합니다.

 

로그인 페이지 백그라운드 변경을 위한 소스 코딩을 진행합니다.
 - 경로 : Page > CSS > Inline
/* 배경색상 변경 */
.t-Login-region {
    background-color: rgba(255,255,255,0.8) !important;
}

/* 배경이미지 변경 */
.t-Login-container {
    background: url(#APP_FILES#login-background.jpg) no-repeat center center fixed !important;
    background-size: cover !important;
}

/* 입력항목 바탕색 변경 */
.text_field, 
.password,
.apex-item-datepicker, 
.popup_lov.apex-item-text.apex-item-popup-lov, 
.selectlist.apex-item-select, 
.textarea.apex-item-textarea, 
.number_field.apex-item-text.apex-item-number {
    background-color: #fbfdff;
}
 - 소스 코딩 후 Run 버튼을 클릭합니다.