イメージ Web リソース

  • [アーティクル]

イメージ Web リソースを使用して、モデル駆動型アプリでイメージを利用可能にします。

イメージ Web リソースには 5 つの種類があります。

  • PNG 形式
  • JPG 形式
  • GIF 形式
  • ICO 形式
  • ベクター形式 (SVG)

注意

ベクター形式 (SVG) Web リソースは、モデル駆動型アプリにより追加されました。

イメージ Web リソースの機能

イメージ Web リソースを使用すると、必要な場所にイメージを追加できます。 一般には、以下のもので使用されます。

  • カスタム テーブルのアイコン
  • カスタムリボン コントロールと SiteMap サブエリアのアイコン
  • フォームや Web ページのウェブリソースのための装飾的なグラフィック。
  • CSS Web リソースが使用するバックグラウンド イメージ

アプリケーションに表示されるすべてのアイコンにベクター形式 (SVG) Web リソースを使用します。 ベクター イメージは、スケーラブル ベクター グラフィックス (SVG) (XML ベースのベクター イメージ形式) として定義されます。 他の画像の Web リソースに対する SVG の利点はスケールです。サイズが小さいため、塗りつぶしの色を削除すると、モデル駆動型アプリでアイコンの色を制御して、コントラストの問題を回避できます。 SVG を定義するときやSVG を Web リソースにアップロードする前に、"塗りつぶしの色" 属性を削除してください。 PNG や JPG などの他の画像タイプよりも SVG を使用することをお勧めします。 サイズ別に複数のイメージを用意するのではなく、1 つのベクター イメージを定義して再利用できます。 これらを新しい EntityMetadata.IconVectorName で使用します IconLargeName、IconMediumName、または IconSmallName プロパティではなく、ユーザー定義テーブルのアイコンを定義するプロパティです。

注意

ベクター形式 (SVG) Web リソースは、スクリプト (JScript) Web リソースと同様に扱われ、SVG ファイルでは JScript の埋め込みが可能なため、JavaScript Web リソースと同じセキュリティ リスクを伴います。

イメージ Web リソースの制限

他のすべての Web リソースと同様、イメージ Web リソースはセキュリティ コンテキストを使用します。 スクリプト Web リソースにアクセスできるのは、必要な特権を持つ、ライセンスを受けたユーザーだけです。

Web ページの Web リソースからイメージ Web リソースを参照する

すべての Web リソースは相対 URL を使用して相互に参照できます。 以下の例では、Web ページ (HTML) の Web リソース new_/content/contentpage.htm からイメージ Web リソース new_/Images/image1.png を参照し、次の HTML コードを new_/content/contentpage.htm に追加します。

<img src="../Images/image1.png" />

フォームからのイメージ Web リソースを参照する

フォームにイメージを追加する

  1. テーブルのフォーム エディターに移動します。

  2. フォーム内の、イメージを追加する場所をクリックします。

  3. 挿入タブで、Web リソースを選択します。

  4. 全般タブで、追加する Web リソース イメージを選択します。

  5. Web リソースの名前を指定します。 ラベルや代替テキストも指定できます。

  6. 形式タブで、次の項目を定義できます。

    • イメージが使用する列の数。

    • イメージが使用する行の数、または自動的に展開して使用可能な領域を使用するかどうか。

    • 以下のオプションを使用するイメージのサイズ

      • 使用可能な領域の使用 (サイズに合わせて伸縮)

      • 使用可能な領域の使用 (縦横比を固定)

      • 元の画像サイズ

      • Specific

    • "Specific" を選択した場合、高さと幅をピクセル単位で入力できます。

  7. OK を選択します。

  8. フォーム内のイメージをユーザーが表示できるようにするには、変更を保存してフォームを公開する必要があります。

リボン要素またはサイト マップのサブ領域からイメージ Web リソースを参照する

Web リソース イメージを、リボンのアイコンとして、またはサイト マップを使用したアプリケーション ナビゲーションのアイコンとして使用するように指定するには、$webresource: ディレクティブを使用します。 次のサンプルに、リボンのボタンのアイコンを指定する方法を示します。

<Button Id="MyISV.opportunity.form.actions.FlyoutAnchor.Button.1" Image16by16="$webresource:new_/icons/oneIcon16.png" Image32by32="$webresource:new_/icons/oneIcon32.png"/>

注意

$webresource: ディレクティブを使用してソリューションの依存関係を追加し、参照されているイメージ Web リソースが、他のソリューション コンポーネントで使用されている間は削除されないようにします。

関連項目

Web リソース
Web ページ (HTML) の Web リソースの使用
スタイル シート (CSS) Web リソースの使用
JavaScript Web リソースの使用
データ (XML) Web リソースの使用
スタイル シート (XSL) Web リソースの使用

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。