Versions Compared

Key

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

ICE4에서는 5가지 유형의 버튼을 만들어서 사용 할 수 있다.

Default Button

일반적인 기본 버튼

Primary Button

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

Text Button

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

Icon Button

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

Text Button with Icon

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

Status
colourYellow
titlenew
Text Button : Hide Border 토글버튼 필요

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

...

Button UI Setting

BackOffice Builder의 Button > Setting > [Option] 설정을 통해 버튼 유형과 스타일을 변경한다.

...

Setting

Result

Status
colourBlue
titleex
Label(버튼이름)에 입력된 텍스트 길이에 따라 버튼의 가로 길이는 가변적으로 변한다. >> //확인 필요

...

...

Options_02. Shape

버튼의 모양은 사각형(Rectangle)과 원형(Circle) 2가지로 선택 할 수 있다.

Setting

Result

Image RemovedImage Added

...

Options_03. Type

...

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

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

...

...

Options_04. Icon, Hide Label/Border

...