| Table of Contents |
|---|
...
Summary
BackOffice Builder는 14개의 4개의 이벤트 컴포넌트를 제공한다. 이벤트 컴포넌트는 Button을 Event에 따라 세분화 한 것이다. 이 페이지에서는 모든 이벤트 버튼에 공통으로 적용되는 버튼 UI 유형과 상태 정보, 셋팅 옵션을 살펴보자.
No | Component | Description |
|---|---|---|
1 | ButtonLink | 특정 링크 오픈 버튼 |
2 | ButtonCreate | 신규 생성 버튼 |
3 | ButtonDelete | 선택 항목 삭제 버튼 |
4 | ButtonSave | 설정 내용 저장 버튼 |
5 | ButtonExecute | 선택 내용 실행 버튼 |
62 | ButtonConfirm | 확인창(Feedback) Modal 출력 버튼 |
7 | ButtonModal | Modal 출력 버튼 |
8 | ButtonPopup | 팝업 오픈 버튼 → Bo Builder에는 Form Fields로, 백오피스 가이드에는 Event로 구분되어 있음 |
9 | ButtonExcel | 엑셀 파일 다운로드 실행 버튼 |
10 | ButtonDownload | > 기능확인필요 |
11 | ButtonUploadExcelButtonLink | 특정 링크 오픈 버튼 |
3 | ButtonExcelDownload | 엑셀 다운로드를 진행하는 버튼 |
4 | ButtonExcelUpload | 엑셀 업로드 창을 Modal로 출력하는 버튼 |
12 | ButtonSelect | > 기능확인필요 |
13 | ButtonCall | >빌더에서 생성 불가 |
14 | ButtonCallBackCheck | >빌더에서 생성 불가 |
- | ButtonDownloadExcel | BO빌더에는 없음, 확인 필요
|
...
Preview
이벤트 컴포넌트로 사용 되는 버튼은 총 5가지 유형으로 구분 할 수 있으며, 컴포넌트가 화면에 출력되는 UI는 다음과 같다.
...
No | Basic Button | Description |
|---|---|---|
1 | Default Button |  일반적인 기본 버튼 |
2 | Primary Button |  완료 혹은 권장을 알리는 강조 버튼 |
3 | Text Button |  테이블, 폼에 사용되는 가벼운 버튼 유형으로 보조적인 작업에 주로 사용 |
4 | Icon Button |   텍스트 없이 아이콘으로만 표현된 버튼으로 시각적 단서 제공 |
5 | Text Button with Icon |  기본 버튼에 아이콘을 추가한 형태 |
...
...
| colour | Red |
|---|---|
| title | tobe |
...
https://ionsdp.atlassian.net/browse/ICE4-1972
2. Button Status
버튼의 상태는 아래와 같이 4가지로 표현되며, 모든 버튼 컴포넌트에 공통으로 적용되어 있다.
...
BackOffice Builder의 Button > Setting > [Option] 설정을 통해 버튼 유형과 스타일을 변경한다.status
| colour | Blue |
|---|---|
| title | ex |
1. Size
버튼의 크기는 아래와 같이 3가지로 선택 할 수 있다.
...
| Status | ||||
|---|---|---|---|---|
|
Dashed Type : 점선으로 둘러싸인 버튼 타입으로 일반적으로 작업을 추가하는데 사용
...
No | Component | Alert( Success | Error ) | PopConfirm | Modal | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Link | X | X | X | O | ||||||||||||
2 | Create | O | O | O | O | ||||||||||||
3 | Delete | O | O | O | O|||||||||||||
4 | Save | O | O | O | O | ||||||||||||
5 | Execute | O | O | O | O | ||||||||||||
6 | Confirm | O | O | O | X | ||||||||||||
7 | Modal | O | O | O | X | ||||||||||||
8 | Popup | 9 | Excel(Download) | X | X | X | X | 10 | Download | X | X | X | X | ||||
11 | UploadExcel | X | X | X | X | 12 | Select | X | X | X | X | 13 | ButtonCall | 14 | ButtonCallBackCheck | 15 | ButtonDownloadExcel|