ファイル
このウィジェットの機能
「ファイル」ウィジェットを使用すると、ファイルへのリンクをエクスペリエンス内に含めることができます。
このウィジェットを使用するケース
エクスペリエンスの閲覧者がファイルにアクセスできるようにする場合は、ファイルを使用します。
このウィジェット固有のプロパティ、サービス、イベント、操作
一般的なウィジェットのプロパティ、サービス、イベントのリストについては、共通のウィジェットプロパティ、サービス、イベントを参照してください。
次のテーブルに、このウィジェット固有のプロパティを示します。
|
プロパティ
|
JavaScript
|
タイプ
|
説明
|
||
|---|---|---|---|---|---|
|
テキスト
|
text
|
string
|
リンクとして表示されるテキスト。
|
||
|
ファイル URL
|
url
|
string
|
ファイルを含めるには、以下に示すいずれかの操作を実行します。
• フィールドの横の
 をクリックして、新しいイメージファイルを追加します。• フィールドにファイルの URL を直接入力するか、コピーして貼り付けます。
• ドロップダウンメニューでファイルを選択します。
|
動作中のウィジェット
ウィジェットがどのように表示されるか、以下に例を示します。
|
使用時に必要な最小ステップ
|
外観
|
|---|---|
|
1. 「ファイル」ウィジェットをキャンバス上にドラッグアンドドロップします。
2. 「テキスト」フィールドに、表示するリンクテキストを入力します。
3. 「ファイル URL」フィールドで、既存のファイルを選択するか、新しいファイルを追加するか、表示するファイルの URL を入力します。
|
 |
CSS でのウィジェットのスタイル設定
CSS を使用して、ウィジェットのスタイルを設定できます。作成および適用できる CSS クラスの例を次に示します。
 |
クラスに一意の名前を付けて、別のクラスや OOTB プロパティと競合しないようにすることをお勧めします。
|
|
CSS の例
|
外観
|
|---|---|
.ptc-file {
|
 |
CSS クラスの実装の詳細については、アプリケーションのスタイルを参照してください。