APEX-기본설정8 [ 도움말 ] 페이지 공통 도움말 팝업 페이지를 아래와 같이 생성합니다. 공통 도움말 팝업 제공을 위하여 "도움말" 버튼을 아래와 같이 생성합니다. ● Identification - Button Name: HELP - Label: 도움말 ● Appearance - Button Template: Icon - Template Options: Use Template Defaults, Small, Display as Link, Push, First Button - Icon: fa-question-circle-o 공통 도움말 팝업 화면제공을 위하여 링크정보를 아래와 같이 조정합니다. ● Behavior - Action: Redirect to Page in this Application - Taget § Target Page: 10061 § Set Items / Name: P10061_.. 2024. 4. 14. [ 페이지 경로 ] Global Page 통한 경로 설정을 아래와 같이 진행합니다. 전체 페이지에 대한 공통 "Button Container"를 구성하며, 페이지에 대한 경로를 표기할 수 있는 "Item"을 추가합니다. ● Identification - Title: 페이지경로 & 공통버튼 - Type: Static Content ● Layout - Position: Breadcrumb Bar (페이지 경로 설정 위치) ● Appearance - Template: Buttons Container - Template Options: Use Template Defaults, No Padding, Remove UI Decoration, Slim, Stretch Form Fields, Small, Small, None, None ● Advanced - Custom Attributes: style.. 2024. 4. 8. [ 필수 ] 필수 항목을 검증합니다. 필수 항목을 검증하기 위하여 하기 내용을 수정합니다. ● 검증할 항목을 선택 후 오른쪽 마우스 메뉴에 "Create Validation" 이벤트를 추가합니다. ● Heading - Heading: 사용자코드 ● Settings - Trim Spaces: Leafing and Trailing (좌우 공백 제거) - Text Case: Upper (대문자) ● Validation - Value Required: No (Yes: 표준에 오류를 표기함, No: 개발자가 직접 오류를 작성 및 표기함) ● Identification - Name: 필수-사용자코드 ● Validation - Type: Column is NOt NULL ● Error - Error Message: #COLUMN_HEADER# 필수 항목.. 2024. 4. 5. [ 저장-DML ] 버튼 추가 및 프로세스를 추가합니다. DML 저장방식은 테이블 생성 / 트리거 생성 후 아래 작업을 진행합니다. 저장 버튼을 추가하며, 저장하기 위한 프로세스를 추가합니다. ● Identification - Button Name: Save - Label: 저장 ● Appearance - Button Template: Text with Icon - Hot: Yes - Icon: fa-check-square-o ● Behavior - Action: Submit Page ● 저장시 테이블에 대한 키부분은 트리거를 사용하여 자동으로 저장합니다. - 테이블: bcom.com_user - 트리거: bcom.com_user_trg create or replace trigger bcom.com_user_trg before insert or update o.. 2024. 4. 5. [ 엑셀다운로드 ] 버튼 추가 및 이벤트를 추가합니다. 그리드가 존재하는 페이지에 엑셀다운로드 버튼을 추가하고 아래와 같이 소스를 수정합니다. ● Identification - Button Name: EXCEL_DOWNLOAD - Label: 엑셀다운로드 ● Appearance - Button Template: Text with Icon (텍스트 및 아이콘 표기) - Template Options: Use Template Defaults, Primary, Left - CSS Classes: b_excel_dowload_css (CSS 클래스) - Icon: fa-file-excel-o (아이콘) ● Behavior - Action: Defined by Dynamic Action (동적 이벤트) ● Identification - Name: 엑셀다운로드-처리 -.. 2024. 4. 5. [ CSS ] 공통적용 CSS 파일 생성 후 애플리케이션에 일괄 적용합니다. 공통 CSS 파일을 아래와 같이 생성 후 저장합니다. ● 파일: ndream_css.css /* 저장 버튼 오른쪽여백 */ .b_save_css { right: 0px; } /* 엑셀다운로드 버튼 글자색 및 오른쪽여백 */ .b_excel_dowload_css { color: rgb(25, 27, 116); right: 0px; } /* 행추가 버튼 글자색 및 오른쪽여백 */ .b_add_row_css { color:rgb(25, 27, 116); right: 4px; } /* 행삭제 버튼 폰트색 */ .b_del_row_css { color: red; } /* ------------------------------------------------------------- */ /* 조회조건 마진 및 바탕.. 2024. 4. 5. [ 검증 ] 이메일 형식을 검증합니다. 이메일 형식을 검증하기 위하여 하기 내용을 수정합니다. ● 검증할 항목을 선택 후 오른쪽 마우스 메뉴에 "Create Validation" 이벤트를 추가합니다. ● Validation - Type: Column matches Regular Expression (컴럼 값에 대한 정규식 표기) - Regular Expression: ^[a-zA-Z0-9+-\_.]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$ ● Error - Error Message: #COLUMN_HEADER# 형식(OOO@OOO.OOO)으로 입력합니다. - Display Location: Inline in Notification (우측 상단에 메시지 표기) 이메일 검증 오류내역을 화면에 출력합니다. 2024. 4. 5. [ 로그인 ] 백그라운드 이미지 변경을 아래과 같이 진행합니다. 백그라운드 이미지 파일을 업로드합니다. - 경로 : 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.. 2024. 4. 4. 이전 1 다음
