Versions Compared

Key

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

BackOffice Builder에서 제공하는 버튼 컴포넌트 종류와 버튼 UI 셋팅 방법을 간략히 소개한다.

...

  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 > 빌더에서 생성불가

...

UI 유형

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

...

Status
colourRed
titleneedcheck
고스트가 배경 투명 기능이라면, Dashed 스타일과 함께 사용 불가인지 확인 필요

Status
colourRed
titleneed check
Danger Button 칼라 확인 필요

...

4. Icon, Hide Label/Border

...

Info

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

...

Info

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

Image AddedImage Added

버튼 컴포넌트 각각의 Feedback 메시지 옵션 사용 가능 여부는 아래와 같다.

...

Status
colourRed
titleneedcheck
Alert 옵션 명칭 확인 필요(Ant와 맞지 않음)

Setting

Result

https://ant.design/components/popconfirm/

...