Mashup Builder > ウィジェット > 標準ウィジェット > ボタンウィジェット (テーマ指定可能)
ボタンウィジェット (テーマ指定可能)
ウィジェットをマッシュアップに追加してデータサービスにバインドする方法については、以下のビデオをご覧ください。新しいタブでビデオを開くには、プレーヤーのタイトルをクリックします。
ボタンウィジェットを使用することで、マッシュアップにボタンを追加し、ボタンがクリックされたときにイベントを発生させることができます。
* 
ボタンウィジェットは、プラットフォーム内の標準ウィジェットとして、および SDK からインポート可能な Web コンポーネントとして使用できます。
ボタンウィジェットのプロパティを以下に示します。
プロパティ名
説明
ベースタイプ
デフォルト値
バインド可能か(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
Center
N
N
MaxWidth
ボタンウィジェットの最大幅を設定できます。
最大幅より長い場合、ボタンラベルは切り捨てられます。
* 
MaxWidth および Width プロパティを一緒に使用することはできません。
NUMBER
該当なし
N
N
MaxHeight
プロパティ MultiLine が True に設定されている場合のボタンの最大高さを設定します。
NUMBER
該当なし
Y
N
MultiLine
ラベルテキストを別の行に続けて表示するように設定します。
* 
このプロパティは ThingWorx バージョン 9.3.0 以降で使用できます。
BOOLEAN
False
N
N
SVGIcon
ボタンウィジェット内に表示する SVG アイコンを選択できます。メディアエンティティを表示するには、標準のプロパティ Icon を使用します。
* 
このプロパティは ThingWorx バージョン 9.3.0 以降で使用できます。
プロパティ Icon の設定がプロパティ SVGIcon よりも優先されます。つまり、ユーザーがプロパティ Icon を使用してアイコンを設定している場合、それがボタンに表示されます。
メディアエンティティ
該当なし
N
N
ButtonType
ボタンタイプを設定できます。
ボタンタイプには「プライマリ」、「セカンダリ」、「ターシャリ」、「危険」、「透明」があります。ボタンタイプによってスタイルが異なります。
STRING
プライマリ
Y
N
TabSequence
ユーザーが TAB キーを押したときにウィジェットがハイライトされる順序。
NUMBER
該当なし
N
N
Clicked
ボタンウィジェットがクリックされるとイベントがトリガーされます。
該当なし
該当なし
Y
N
TriggerClick
ボタンクリックをトリガーするバインド可能なサービス。
該当なし
該当なし
Y
N
Width
ウィジェットの幅。デフォルトでは、この幅はラベルの幅に設定されます。幅を固定にするには、プロパティパネルで値を入力するか、キャンバスでウィジェットのサイズを変更します。
* 
MaxWidth および Width プロパティを一緒に使用することはできません。
NUMBER
該当なし
N
N
Height
ウィジェットの高さ。デフォルトでは、この高さはラベルの最大幅に設定されます。高さを固定にするには、プロパティパネルで値を入力するか、キャンバスでウィジェットのサイズを変更します。
NUMBER
該当なし
N
N
TooltipField
ウィジェットにカーソルを合わせたときに表示されるツールヒントテキストを設定します。
STRING
該当なし
Y
Y
TooltipIcon
ウィジェットのツールヒントのアイコンイメージを設定します。
イメージを追加したり、イメージの URL パスを指定したりできます。
メディアエンティティ
該当なし
N
N
これは役に立ちましたか?