Oracle APEX Korea

20230421 - 레드우드 테마 사용, 읽기전용 항목 사이즈 자동 변경 원래대로.

읽기 전용항목이 자동으로 굵은 Bold로 변경이 되어버려 원래 사이즈로 설정

style="font-weight: normal;"

참고

https://forums.oracle.com/ords/apexds/post/read-only-fields-to-normal-font-3480

20230421 - 컨펌 다이얼로그 Confirm Dialog

주문을 요청하시겠습니까?<br><br>

<span class="order-confirm-title">메뉴건수: </span><span class="order-confirm-desc">&P15_CNT.건</span><p></p>

<span class="order-confirm-title">주문금액: </span><span class="order-confirm-desc u-bold u-danger-text">&P15_TTL.</span><p></p>

<span class="order-confirm-title">배달방법: </span>

{case P15_DELIVERY/}

{when D/}

<span class="order-confirm-desc u-bold u-success-text">주소배달</span><p></p>

<span class="order-confirm-desc">이곳은 주소를 표시할 예정입니다.</span>

{when T/}

<span class="order-confirm-desc u-bold u-success-text">매장픽업</span>

<span class="order-confirm-desc">이곳은 주소를 표시할 예정입니다.</span>

{endcase/}

참고

https://blog.cloudnueva.com/apex-confirmation-alert-dialogs

https://blogs.oracle.com/apex/post/alert-and-confirm-dialogs-in-oracle-apex-212

20230417 - IG 엔터 입력한대로 줄바꿈으로 보이기

IG에서 특별한 조건없이 입력하고 조회하면 엔터(줄바꿈)를 입력해도 한 줄로 표현이 됨

엔터(줄바꿈)을 입력한대로 여러 줄을 표현하려면

Column >> Column Initialization JavaScript Function

function(config) {
  config.defaultGridColumnOptions = {
    cellTemplate: "<span class='cell-wrap'>&NOTE.</span>"
  };
  return config;
}

* pre 태그로 진행하다가 기존 다른 항목들과 text format이 달라져 span 태그로 진행

페이지 CSS

.cell-wrap {
   white-space: pre-wrap;
   margin: 0;
}

결과

20230329 - IG 하이라이트 Highlight 툴바에서 제외하기

IG > Attribute

Initialization JavaScript Function

function(config) {
    config.reportSettingsArea = false; //툴바 위치에서 제외
    return config;
}

    //툴바 위치에서 제외
    config.reportSettingsArea = false;
    
    //작업 메뉴에서 제외
    apex.util.getNestedObject(config, "views.grid.features").highlight = false;

20230324 - 커스텀 리스트 템플릿 만들기

이미 예약된 항목명과 항목 순서가 정해져서 사용되는 것에 주의.

Shared Components > Lists 에서 Dynamic으로 리스트 생성

select null  c1_level,
       'C2'  c2_name_for_label, --#TEXT#
       'C3'  c3_target_url,     --#LINK#
       'C4'  c4_is_current,
       'C5'  c5_icon_name,      --#IMAGE#
       'C6'  c6_icon_attrs,     --#IMAGE_ATTR#
       'C7'  c7_icon_alt_text,
       'C8'  c8,  --#A01#
       'C9'  c9,  --#A02#
       'C10' c10, --#A03#
       'C11' c11, --#A04#
       'C12' c12, --#A05#
       'C13' c13  --#A06#
  from dual

페이지에서 리스트 리전을 생성하고 이전에 생성한 리스트를 연결

Shared Components > Templates 에서 기존 템플릿을 복사하거나 신규로 생성

List Template Noncurrent 부분에 템플릿 HTML 생성

<tr><td><img src=/i/22.2.0/#IMAGE# border=0 #IMAGE_ATTR#></td><td><a href="#LINK#">#TEXT#</a></td></tr>
#A01#<br>
#A02#<br>
#A03#<br>
#A04#<br>
#A05#<br>
#A06#<br>

페이지의 리스트 리전에서 새로 만든 템플릿 연결

결과 확인

SAMPLE

select null      c1_level,
       ename     c2_name_for_label,
       apex_page.get_url(p_page   => 10,
                         p_items  => 'P10_EMPNO',
                         p_values => EMPNO) c3_target_url,
       null      c4_is_current,
       'fa-user' c5_icon_name,
       null      c6_icon_attrs,
       null      c7_icon_alt_text,
       sal       c8_user_attr1_badge_text
from emp
order by ename