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