Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

이벤트 컴포넌트는 사용자의 결정에 대한 정보를 입력 받을 경우 사용하는 Button을 Event 종류에 Button을 Event에 따라 세분화 한 것이다. 이 페이지에서는 모든 이벤트 버튼에 공통으로 적용되는 버튼 UI 유형과 상태 정보, 셋팅 옵션을 살펴보겠다. 이벤트 컴포넌트 종류와 각각의 상세 정보는 해당 링크를 참고 하자.

...

BackOffice Builder는 14개의 이벤트 컴포넌트를 제공한다.

No

Component

Description

1

ButtonPopup

팝업 오픈 버튼

→ Bo Builder에는 Form Fields로, 백오피스 가이드에는 Event로 구분되어 있음

2

ButtonLink

특정 링크 오픈 버튼

32

ButtonCreate

신규 생성 버튼

43

ButtonDelete

선택 항목 삭제 버튼

54

ButtonSave

설정 내용 저장 버튼

65

ButtonExecute

선택 내용 실행 버튼

6

ButtonConfirm

확인창(Feedback) Modal 출력 버튼

7

ButtonModal

Modal 출력 버튼

8

ButtonConfirm

확인창(Feedback) Modal 출력 버튼

ButtonPopup

팝업 오픈 버튼

→ Bo Builder에는 Form Fields로, 백오피스 가이드에는 Event로 구분되어 있음

9

ButtonExcel

엑셀 파일 다운로드 실행 버튼

10

ButtonDownload

> 기능확인필요

11

ButtonUploadExcel

엑셀 업로드 창을 Modal로 출력하는 버튼

1112

ButtonSelect

> 기능확인필요

12

ButtonDownload

> 기능확인필요

13

ButtonCall

>빌더에서 생성 불가

14

ButtonCallBackCheck

>빌더에서 생성 불가

Status
colourRed
titleneed check
ButtonDownloadExcel

...

BO빌더에는 없음, 확인 필요

버튼엑셀 또는 버튼 다운로드와 다른 신규 컴포넌트인지 확인 필요

...

UI 유형

ICE4에서 만들 수 있는 버튼은 총 5가지 유형으로 구분된다.

No

Basic Button

Description

1

Default Button

일반적인 기본 버튼

2

Primary Button

완료 혹은 권장을 알리는 강조 버튼

3

Text Button

테이블, 폼에 사용되는 가벼운 버튼 유형으로 보조적인 작업에 주로 사용

4

Icon Button

텍스트 없이 아이콘으로만 표현된 버튼으로 시각적 단서 제공

5

Text Button with Icon

기본 버튼에 아이콘을 추가한 형태

Status
colourRed
titletobe
Text Button : Hide Border 토글버튼 필요

https://ionsdp.atlassian.net/browse/ICE4-1972

...

Status
colourRed
titleneedcheck
고스트와 Dashed 스타일 함께 사용 불가

  • 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

ModalConfirm

O

O

O

X

7

ConfirmModal

O

O

O

X

8

Popup

9

Excel(Download)

X

X

X

X

910

UploadExcelDownload

X

X

X

X

1011

SelectUploadExcel

X

X

X

X

1112

DownloadSelect

X

X

X

X

13

ButtonCall

14

ButtonCallBackCheck

15

ButtonDownloadExcel