コードを使用したケースフィードのカスタマイズ
jケースフィードのレイアウトと外観のカスタマイズ
カスタマイズされたケースフィードページを Visualforce で作成すると、表示するアクションとツールや、ページ上の表示場所など、全体的なレイアウトと外観を制御できます。また、ページの機能を向上するために、他の標準およびカスタムのコンソールコンポーネントを含めることもできます。
このガイドに記載されているケース固有の 4 つの Visualforce コンポーネントに加え、chatter:feed コンポーネントも使用してケースフィードをカスタマイズできます。次の表に、コンポーネントの属性を示します。
chatter:feed 属性
| 属性名 | 属性型 | 説明 | 必須項目 | API バージョン | アクセス |
|---|---|---|---|---|---|
| entityId | id | フィードを表示するレコードのエンティティ ID。例: Contact.Id。 | はい | 25.0 | |
| feedItemType | String | Chatter EntityFeed または UserProfileFeed を絞り込むフィード項目種別。許容値についての詳細は、『API オブジェクトリファレンスガイド』にある FeedItem オブジェクトリストの [型] 項目を参照してください。 | 25.0 | ||
| id | String | ページの他のコンポーネントがコンポーネントを参照できるようにする識別子。 | 20.0 | グローバル | |
| onComplete | String | 投稿またはコメントをフィードに追加した後にコールする JavaScript 関数。 | 25.0 | ||
| rendered | Boolean | アクションのレイアウトに定義された追加項目を表示するかどうかを示す boolean 値。 | 20.0 | グローバル | |
| reRender | Object | action メソッドの結果がクライアントに返されるときに再作成される 1 つ以上のコンポーネントの ID。この値には、単一の ID、ID のカンマ区切りのリスト、または ID のリストまたはコレクションの差し込み項目の式を使用できます。 | 25.0 | ||
| showPublisher | Boolean | Chatter パブリッシャーを表示します。 | 25.0 |
使用事例
Acme Entertainment は、複数のプラットフォームで 100 万人を超えるユーザが使用するオンラインゲームを作成しています。Acme の 1500 人のサポートエージェントは、デスクトップコンピュータ、ラップトップ、タブレットを使用していますが、会社では異なるデバイスをまたいでデザインを標準化するためにケースフィードページをカスタマイズしたいと考えています。また、エージェントがケース活動を追跡しやすくするために、条件も使用したいと考えています。
Acme では、次の手順を使用して、カスタマイズされたケースフィードページを作成しました。
- パブリッシャーおよび他のケースフィードツールが常にページ中央に表示されるようにするため、chatter:feed コンポーネントを使用してフィードをサイドバーに配置しました。
-
ケースの発生源に応じて、フィード条件および自動選択されたデフォルトの条件を再配置しました。
- 発生源がメールの場合、デフォルト条件は [メール]。
- 発生源が電話の場合、デフォルト条件は [通話ログ]。
- 発生源が Web の場合、デフォルト条件は [ポータルアンサー]。
- ページサイズの変化に合わせてパブリッシャーを拡張/収縮することで、異なる画面サイズで一貫した外観にするため、apex:emailPublisher、apex:logCallPublisher、および support:portalPublisher をパーセントベースの幅にしました。
- パブリッシャーアクションのタブ方向を、標準の左側での垂直方向から、ページ上部での水平方向に変更しました。
コードサンプル
次のコードサンプルは、カスタムの [メール]、[ポータル]、[活動の記録]、[ケースの詳細] タブがある Visualforce ページを示します。
次のサンプルに、上記の Visualforce ページで使用されるコントローラ拡張を含む Apex クラスを示します。
次のサンプルは、ケースにカスタムフィード条件と Chatter フィードがある Visualforce ページを示します。このページは、Salesforce コンソールのサイドバーで使用できます。