20220425 - 읽기 전용 항목 Display Only Item 에 정렬, 진하게 CSS 적용

페이지 아이템 Type을 Display Only 로 지정하게 되면 문자든 숫자든 기존에 설정한 정렬 값들은 무시되고 점선 박스에 좌측 정렬로 변경이 됨.

Theme에서 제공하는 스타일을 적용하여 우측, 진하게, 밑줄강조를 할 수 있음

1. Layout - Column CSS Classes : u-bold

2. Advanced - CSS Classes : u-textEnd u-bold u-underline

그 외 여러가지 Theme에서 제공하는 것들 활용 가능

u-color-1

u-color-1-text

u-color-1-bg

u-color-1-border

• 페이지를 submit(refresh) 해야하는 상황이 발생을 했는데 display only 항목을 변경해서 세션 상태 보호 위반으로 apex.submit(); 을 처리하지 못함, 하여 Display Only 항목을 아래와 같이 변경하면 submit 처리 시 에러가 발생하지 않음

Identification - Type : Text Field

Settings - Disabled : Yes

Send On Page Submit : No

참고

https://apex.oracle.com/pls/apex/r/apex_pm/ut/content-modifiers

https://apex.oracle.com/pls/apex/r/apex_pm/ut/color-and-status-modifiers

20210820 - 포트폴리오 메인 페이지 작성 - Carousel Container

1. 배경색 Oracle Theme Redwood light 색상과 동일하게 변경

Page HTML Body Attribute : style="background-color: #47423E;"

2. 상단에 대표 이미지 몇 개를 Carousel Container 형태로 위치

3개의 이미지 Static Content Region 생성 

Identification - Title : IMG-1, IMG-2, IMG-3

Source - Text : <img class="center100" src="20210808-10-1.bmp">

Source - Text : <img class="center100" src="20210808-10-2.bmp">

Source - Text : <img class="center100" src="20210808-10-3.bmp">

그리고 Class는 Page 속성의 

CSS - Inline :

.t-CardsRegion {

  display: flex;

  align-items: stretch;

  justify-content: space-around;

  padding: 50px 0;

}

.center50 {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 35%;

}

.center100 {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

Region Template 속성 변경

1개의 Static Content Region 생성

Identification - Title : Head

Type : Static Content

Appearance - Template - Carousel Container

Template Options : Use Template Defaults, 5 Seconds, Slide, Hidden, Remove Borders, Hide

그리고 3개의 이미지 Region의

Layout - Parent Region : Head 로 선택