버튼 위젯(테마 적용 가능)
매쉬업에 위젯을 추가하고 위젯을 데이터 서비스에 바인딩하는 방법을 보여주는 다음 비디오를 시청하십시오. 새 탭에서 비디오를 열려면 플레이어에서 제목을 클릭합니다.
버튼 위젯을 사용하면 매쉬업에 버튼을 추가하고 버튼이 클릭될 때 이벤트를 발생시킬 수 있습니다.
 |
버튼 위젯은 플랫폼에서 표준 위젯으로, SDK에서 가져올 수 있는 웹 구성 요소로 사용할 수 있습니다.
|
버튼 위젯의 속성은 아래에 나열되어 있습니다.
|
속성 이름
|
설명
|
기본 유형
|
기본값
|
바인딩 가능 여부 (Y/N)
|
로컬리제이션 가능 여부 (Y/N)
|
||
|---|---|---|---|---|---|---|---|
|
Icon
|
버튼 위젯에 아이콘 이미지를 설정할 수 있습니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
||
|
Label
|
버튼 위젯의 레이블에 표시되는 텍스트입니다.
|
STRING
|
버튼
|
Y
|
Y
|
||
|
Disabled
|
이 속성을 사용하면 매쉬업에서 위젯을 비활성화할 수 있습니다. 위젯이 매쉬업에 표시되지만 클릭할 수는 없습니다.
|
BOOLEAN
|
False
|
Y
|
N
|
||
|
CustomClass
|
위젯의 최상위 div에 CSS를 정의할 수 있습니다. 여러 클래스를 공백으로 구분하여 입력할 수 있습니다.
|
STRING
|
해당 없음
|
Y
|
N
|
||
|
ContextID
|
위젯에 ID를 설정할 수 있습니다.
|
STRING
|
해당 없음
|
Y
|
N
|
||
|
LabelAlignment
|
레이블을 위젯의 왼쪽, 오른쪽 또는 가운데에 정렬할 수 있습니다.
|
STRING
|
가운데
|
N
|
N
|
||
|
MaxWidth
|
버튼 위젯에 대한 최대 너비를 설정할 수 있습니다.
버튼 레이블이 최대 너비보다 길면 잘립니다.
|
NUMBER
|
해당 없음
|
N
|
N
|
||
|
MaxHeight
|
MultiLine 속성이 True로 설정되면 버튼의 최대 높이를 설정합니다.
|
NUMBER
|
해당 없음
|
Y
|
N
|
||
|
MultiLine
|
레이블 텍스트가 다른 줄로 계속 이어지도록 설정합니다.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
SVGIcon
|
버튼 위젯 내에 표시할 SVG 아이콘을 선택할 수 있습니다. 미디어 엔티티를 표시하려면 표준 Icon 속성을 사용합니다.
|
미디어 엔티티
|
해당 없음
|
N
|
N
|
||
|
ButtonType
|
버튼 유형을 설정할 수 있습니다.
버튼 유형은 기본, 보조, 3차, 위험 및 투명입니다. 버튼 유형마다 다른 스타일이 사용됩니다.
|
STRING
|
기본
|
Y
|
N
|
||
|
TabSequence
|
사용자가 TAB 키를 누를 때 위젯이 강조 표시되는 순서입니다.
|
NUMBER
|
해당 없음
|
N
|
N
|
||
|
Clicked
|
버튼 위젯을 클릭할 때 이벤트를 트리거합니다.
|
해당 없음
|
해당 없음
|
Y
|
N
|
||
|
TriggerClick
|
버튼 클릭을 트리거하는 바인딩 가능한 서비스입니다.
|
해당 없음
|
해당 없음
|
Y
|
N
|
||
|
Width
|
위젯의 너비입니다. 너비는 기본적으로 레이블의 너비로 설정됩니다. 고정 너비를 설정하려면 속성 패널에 값을 입력하거나 캔버스에서 위젯의 크기를 조정합니다.
|
NUMBER
|
해당 없음
|
N
|
N
|
||
|
Height
|
위젯의 높이입니다. 높이는 기본적으로 레이블의 최대 너비로 설정됩니다. 고정 높이를 설정하려면 속성 패널에 값을 입력하거나 캔버스에서 위젯의 크기를 조정합니다.
|
NUMBER
|
해당 없음
|
N
|
N
|
||
|
TooltipField
|
위젯을 마우스로 가리킬 때 표시되는 도구 설명 텍스트를 설정합니다.
|
STRING
|
해당 없음
|
Y
|
Y
|
||
|
TooltipIcon
|
위젯의 도구 설명에 대한 아이콘 이미지를 설정합니다.
이미지를 추가하거나 이미지 URL 경로를 지정할 수 있습니다.
|
미디어 엔티티
|
해당 없음
|
N
|
N
|