ICE4에서는 아래와 같이 ICE4에서는 5가지 유형의 버튼을 만들어 사용할 수 있다.
...
Default Button
...
Primary Button
...
Text Button
...
Icon Button
...
Button with Icon
...
: 일반적인 기본 버튼
Primary Button : 완료 혹은 권장을 알리는 강조 버튼, 버튼 그룹당 최대 하나의 Primary Button 존재
Text Button : 테이블, 폼 양식 내에 사용되는 가벼운 버튼 유형으로 보조적인 작업에 주로 사용
Icon Button : 텍스트 없이 아이콘으로만 표현된 버튼으로 시각적 단서 제공
Text Button with Icon : 기본 버튼에 아이콘을 추가한 형태
Dashed Button :
...
Button UI Setting
BackOffice Builder의 Button > Setting > [Option] 설정을 통해 버튼 유형과 스타일을 변경한다.
1. 사이즈
사이즈는 소(Small), 중(Default), 대(Large) 3가지로 선택할 수 있다.
...
2. 모양
| Status | ||||
|---|---|---|---|---|
|
...
Options_01. Size
버튼의 크기는 아래와 같이 3가지로 선택 할 수 있다. “Label(버튼이름)”에 입력된 텍스트 길이에 따라 버튼의 가로 길이는 가변적으로 변한다. 만약 특정 사이즈의 버튼이 필요하다면, Enable 토글버튼을 ON으로 변경하여 Button Style을 사용자가 직접 지정할 수도 있다.
Setting | Result |
 |  |
...
Options_02. Shape
버튼의 모양은 사각형(Rectangle)과 원형(Circle) 2가지 모양을 2가지로 선택 할 수 있다.
Setting | Result |
 |  |
...
Options_03. Type
3.
버튼의 타입은 총 5가지를 제공한다.
Setting | Result |
 | |
Default Type : 일반 버튼 타입으로 우선 순위가 없는 일련의 작업 표시
Primary Type : 파란 바탕에 기본 실선으로 둘러싸인 강조 타입, 한 섹션에 최대 1개 표시
Ghost :
Type{gohst} 필요 여부 재확인 필요 / 기능 적용 안되어 있음Status colour Red title NEED check Dashed Type: 점선으로 둘러싸인 버튼 타입으로 일반적으로 작업을 추가하는데 사용됨
Danger Type: 삭제 또는 승인과 같은 위험 조치에 사용?
...
Options_04. Icon & Hide Label
기본 버튼에 아이콘을 선택하면 Text Button with Icon 과 같은 유형의 버튼으로 설정 된다.
| Info |
|---|
사용자 지정 스타일: Enable Style{ON} |
...
