Canvas 開発者ガイド
jユーザインターフェースの考慮事項
キャンバスのサイズ
キャンバスアプリケーションのフレームサイズはアプリケーションが表示されている場所によって異なります。SDK を使用する場合、これらの値は Dimensions オブジェクトで返されます。
| 場所 | 説明 |
|---|---|
| Chatter タブ | デフォルトのサイズは 800 ピクセル (幅) × 900 ピクセル (高さ) です。最大サイズは 1,000 ピクセル (幅) × 2,000 ピクセル (高さ) です。 |
| Chatter フィード | デフォルトのサイズは 420 ピクセル (幅) × 100 ピクセル (高さ) です。最大サイズは 420 ピクセル (幅) × 400 ピクセル (高さ) です。 |
| Open CTI | デフォルトのサイズと最大サイズはカスタムコンソールコンポーネントの設定方法によって決まります。 |
| パブリッシャー | デフォルトの高さは、キャンバスパブリッシャーアクションの設定方法によって決まります。デフォルトの幅は 522 ピクセルです。最大サイズは 522 ピクセル (幅) × 500 ピクセル (高さ) です。 |
| Salesforce コンソール | デフォルトのサイズと最大サイズはカスタムコンソールコンポーネントの設定方法によって決まります。 |
| Visualforce ページ | デフォルトのサイズは 800 ピクセル (幅) × 900 ピクセル (高さ) です。開発者は apex:canvasApp Component の属性を変更することで、これらのサイズを変更できます。 |
ロゴ画像
キャンバスアプリケーションに関連付けられたロゴ画像は、ユーザがそのキャンバスアプリケーションをインストールするときか、アプリケーションの実行を許可するように要求され、OAuth 認証を行っている間に表示されます。256 ピクセル (高さ) × 256 ピクセル (幅) のサイズの画像を使用することをお勧めします。
アイコン画像
キャンバスアプリケーションに関連付けられたアイコン画像は、次の場所に表示されます。
- Chatter タブの Chatter アプリケーションリストにある、自分のキャンバスアプリケーションへのリンクの左側
- キャンバスアプリケーションのプレビューアにある、自分のキャンバスアプリケーションへのリンクの左側
- Salesforce のナビゲーションメニュー
モバイルと Salesforce の両方でアイコンが適切に表示されるように、60 ピクセル (幅) × 60 ピクセル (高さ) のサイズの画像を使用することをお勧めします。Salesforce アプリケーションでアイコンを表示しない場合は、16 ピクセル (幅) × 16 ピクセル (高さ) よりも小さいサイズのアイコンを使用できます。
サムネイル画像
キャンバスアプリケーションのフィード項目に関連付けられたサムネイル画像は、フィードのキャンバスアプリケーションにアクセスすると表示されます。指定されている場合は、この画像はフィード項目のタイトルと説明の横に表示されます。
120 ピクセル (幅) × 120 ピクセル (高さ) 以下のサイズの画像を使用することをお勧めします。