Versions Compared

Key

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

Table of Contents

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

...

컴포넌트

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

  1. Link : 특정 링크 오픈

  2. Create : 신규 생성

  3. Delete : 선택 항목 삭제

  4. Save : 설정 내용을 저장

  5. Execute : 선택 내용 실행

  6. Modal : 간단한 입력폼(답변 등록/수정)을 Modal 타입으로 출력

  7. Confirm : 확인창(Feedback)이 Modal 타입으로 출력

  8. Excel : 클릭 시 엑셀 파일 다운로드 실행

  9. UploadExcel : 엑셀 업로드 창이 Modal 타입으로 출력

  10. Select : ??

  11. Download : 다운로드

  12. Call >빌더에서 생성 불가

  13. Call Back Check > 빌더에서 생성불가

  14. Popup

    Status
    colourYellow
    titlenew 21.03.17

  15. SubButton

    Status
    colourYellow
    titlenew 21.03.17

...

No

Basic Button

Description

1

Default Button

일반적인 기본 버튼

2

Primary Button

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

3

Text Button

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

4

Icon Button

Image RemovedImage Added

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

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 : 점선으로 둘러싸인 버튼 타입으로 일반적으로 작업을 추가하는데 사용

...

Info

버튼 이벤트 실행 후 : 성공/실패 여부를 Alert 형태로 고정 출력

Setting

Image RemovedImage Added

Result

Image RemovedImage Added

Info

버튼 이벤트 실행 전 : 확인창을 PopConfirm 또은 Modal 형태 중 하나로 선택하여 사용

...