Page Comparison

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

...

1. Link : 특정 링크 오픈

2. Create : 신규 생성

3. Delete : 선택 항목 삭제

4. Save : 설정 내용을 저장

5. Execute : 선택 내용 실행

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

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

8. Excel : 엑셀 다운로드

9. UploadExcel : 엑셀 업로드

10. Select : ??

11. Download : 다운로드

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

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

...

Feedback Message

버튼 컴포넌트별 메시지 설정 옵션은 아래와 같다.

...

Setting	Result

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

...

https://ant.design/components/alert/

...

https://ant.design/components/modal/

...

...

Buttons_01. Link

링크 버튼은 특정 URL을 11가지 타입으로 URL 오픈 할 수 있다.

1. Modal : Modal로 출력

2. Page : Page로 이동

3. Window : 새로운 Window 창으로 출력

4. Page in Component :

5. Page In Modal

6. Page In Grid

7. Close Modal

8. Set ParentId

9. Function

10. Print

11. PDF

...

Buttons_02~05. Create/Delete/Save/Excute

버튼 클릭 후 액션(생성/삭제/저장/실행) 전에 메시지를 popconfirm 또는 modal 형태로 선택하여 출력 할 수 있다. 액션 성공/실패 시 메시지는 alert 로만 제공한다.

Image Modified

...

Buttons_06. Modal

...

Status colour Red title needcheck 고스트가 배경 투명 기능이라면, Dashed 스타일과 함께 사용 불가인지 확인 필요 Status colour Red title need check Danger Button 칼라 확인 필요 Image RemovedImage Added

...

Options_04. Icon, Hide Label/Border

...