リンクウィジェット (テーマ指定可能)
リンクウィジェットはユーザー定義のページを開きます。リンクウィジェットをマッシュアップに追加してターゲット URL を定義できます。マッシュアップユーザーはリンクをクリックすることでターゲット URL を開くことができます。
 | リンクウィジェットは、プラットフォーム内の標準ウィジェットとして、および SDK からインポート可能な Web コンポーネントとして使用できます。 |
ウィジェットの Clicked イベントの使用
Clicked イベントプロパティを使用してさまざまな操作を実行でき、このプロパティを関数やサービスにバインドできます。
たとえば、Clicked イベントを Confirmation サービスにバインドし、Confirmation の ActionClick をリンクの Navigate サービスにバインドできます。リンクをクリックすると、確認ダイアログが表示され、メッセージが表示されます。ユーザーが "操作" ボタンをクリックすると、リンクが開きます。下の例を参照してください。
ウィジェットのプロパティ
プロパティ名 | 説明 | ベースタイプ | デフォルト値 | バインド可能か(Y/N) | ローカライズ可能か(Y/N) | ||
|---|---|---|---|---|---|---|---|
LinkURL | URL を追加できます。 | STRING | 該当なし | Y | N | ||
Disabled | このプロパティを使用して、マッシュアップ内のウィジェットを無効にします。ウィジェットはマッシュアップ内に表示されますが、クリックできません。 | BOOLEAN | false | Y | N | ||
Alignment | リンクウィジェットの周囲のテキストを整列できます。オプションには左、右、中央があります。 | STRING | 左 | N | N | ||
CustomClass | ウィジェットの最上位の div に CSS を定義できます。スペースで区切って、複数のクラスを入力できます。 | STRING | 該当なし | Y | N | ||
Clicked | ウィジェットがクリックされるとイベントがトリガーされます。
| EVENT | 該当なし | Y | N | ||
Text | リンクとして表示されるテキスト。 | STRING | 該当なし | Y | Y | ||
LinkType | リンクタイプを「プライマリ」または「セカンダリ」として設定できます。 タイプによってスタイルが異なります。 | STRING | プライマリ | Y | N | ||
TargetWindow | リンクをクリックしたときに開くウィンドウを定義できます。 | STRING | 新しいウィンドウ | N | N | ||
TabSequence | ユーザーが Tab キーを押したときにウィジェットがハイライトされる順序。 | NUMBER | 該当なし | N | N | ||
TextMaxWidth | リンクテキストの最大幅を設定できます。 最大幅に達すると、テキストは複数の行に分けて表示されます。 | NUMBER | 該当なし | N | N | ||
SingleLine | テキストのサイズが TextMaxWidth の値よりも大きい場合、Text の値を切り捨てて 1 行に表示します。 | BOOLEAN | false | Y | N | ||
Navigate | このウィジェットに定義されている URL に移動します。 | 該当なし | 該当なし | Y | N | ||
Width | ウィジェットの幅。デフォルトでは、この幅はラベルの幅に設定されます。幅を固定にするには、プロパティパネルで値を入力するか、キャンバスでウィジェットのサイズを変更します。
| NUMBER | 該当なし | N | N | ||
Height | ウィジェットの高さ。デフォルトでは、この高さはラベルの最大幅に設定されます。ウィジェットのラベルが複数行である場合、より高くなります。高さを固定にするには、プロパティパネルで値を入力するか、キャンバスでウィジェットのサイズを変更します。 | NUMBER | 該当なし | N | N | ||
TooltipField | ウィジェットにカーソルを合わせたときに表示されるツールヒントテキストを設定します。 | STRING | 該当なし | Y | Y | ||
TooltipIcon | ウィジェットのツールヒントのアイコンイメージを設定します。 イメージを追加したり、イメージの URL パスを指定したりできます。 | メディアエンティティ | 該当なし | N | N | ||
VerticalAlignment | ウィジェット内のリンクテキストの垂直方向の整列を制御します。オプション: 上、中央、下 | STRING | 上 | N | N |