Community

従来のWebアプリにのみ適用されます

Iframe

Last updated
Save as PDF

この記事は作成中です。この新しいバージョンはどの程度参考になりましたか。投票でお聞かせください。

Iframe UIパターンを使用すると、他のアプリからの情報を画面上の非常に小さなプレビューに表示できます。Iframesの詳細については、「HTML Iframes」をご覧ください。

Iframe UIパターンの使用方法

Service StudioのツールボックスでIframeを検索します。

Iframeウィジェットが表示されます。
ツールボックスから、Iframeウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。
［Properties］タブで、ソースURL、タイトル、幅および高さなどの関連するプロパティを設定します。この例では、WikipediaのWebサイトを使用します。

注記: 対象となる接続先には、Webサイトをアプリに埋め込むために必要なセキュリティ権限が必要です。

これらの手順を実行してモジュールをパブリッシュした後、アプリでパターンをテストできます。

プロパティ

プロパティ	説明
SourceURL（Text型）: 必須	Iframeで読み込むターゲットURL。例 "https://www.wikipedia.com" - WikipediaのWebサイトが非常に小さなプレビューとしてアプリに表示されます。
Title（Text型）:オプション	Iframeのタイトル。例 "Wikipedia Website" - _Wikipedia Website_がIframeタイトルとして表示されます。
Height（Text型）:オプション	Iframeの高さ（デフォルトは100%）。例 "100%" - Iframeの高さが100%になります。 200 - Iframeの高さが200ピクセルになります。
Width（Text型）:オプション	Iframeの幅（デフォルトは100%）。例 "100%" - Iframeの幅が100%になります。 200 - Iframeの幅が200ピクセルになります。