Loading
システム管理者に対するフィッシング耐性MFA・全従業員ユーザーMFAの適用のお知らせ 続きを読む
ただいま大変多くのお問い合わせをいただいており、ご連絡までにお時間を頂戴しております続きを読む
Classic カード

Classic カード

Vlocity Cards Framework の Classic カードは、顧客のコンテキストに関連する情報とアクションが豊富な UI コンポーネントです。Classic カードデザイナーは、最小限の HTML、CSS、および AngularJS コーディングでカードとカードレイアウトを作成する宣言型ツールです。

Vlocity Health and Insurance Summer '19以降、VlocityはVlocity Lightning Web Componentsを使用したSalesforce Lightning Web Componentsプログラミング モデルをサポートしています。Vlocity Lightning Web コンポーネントには、LWC カード専用のコンポーネント、機能、テンプレートが含まれています。LWC カードでは、標準の JavaScript と HTML を使用して Vlocity 商品の変更と拡張ができます。

カード

Vlocity カードは、関連情報と特定のコンテキスト内のプロセスへのリンクの組み合わせが含まれるブロックです。

たとえば、アカウントカードには次のような一意のアカウント情報が含まれます。

  • 状況

  • 優先度またはサービスレベル契約

  • Creation date (作成日)

Vlocity Cards コンテキスト

アカウントカードでのアクションには、次のものがあります。

  • ケースのクローズ

  • 新規ケースのオープン

  • 新規 ToDo の作成

各アクションで OmniScript を起動してガイド付きプロセスを開始できます。アクションでは、外部 Web アドレスまたはアプリケーションを開くこともできます。LWC が有効になっているカードでは、アクションから pubsub イベントを起動できます。

カードフライアウト

クリックすると、別のカードが開く、または「飛ぶ」アクションを持つようにカードを設計できます。カードフライアウトには、親カードに関連する追加情報とアクションが含まれます。

画像

カードレイアウト

カードレイアウトには 1 つ以上のカードが含まれます。

新しいカードレイアウトを作成すると、次のことができます。

  • レイアウトに含める既存のカードを選択する

  • レイアウトに含める新しいカードを作成する

画像

カードとカードレイアウトの外観の制御

各カードおよびカードレイアウトは、HTML および CSS/SCSS を使用できるテンプレートに関連付けられており、Javascript を使用できます。テンプレートは、カードとカードレイアウトのスタイルと外観を制御し、テンプレートデザイナーを使用して変更できます。

LWC が有効になっている場合、テンプレートデザイナーはサポートされません。

Vlocity Cards JavaScript テンプレート

カードおよびカードレイアウトのデータソース

カードまたはカードレイアウトを作成するときに、表示するデータを取得する場所を指定します。

画像
  • Vlocity テンプレートおよびカードのインストールと有効化 (管理パッケージ)
    管理パッケージランタイムの場合、最新の Vlocity パッケージをインストールしたら、基本テンプレートとカードをインストールして有効化する必要があります。
  • Vlocity カードのコミュニティプロファイルの設定 (管理パッケージ)
    管理パッケージランタイムの場合、ユーザープロファイル設定を定義して、コミュニティページに Vlocity Card レイアウトがユーザーに表示されるようにします。適切なインターフェイスを有効にし、カスタム オブジェクト権限、Visualforceページ アクセス、Apexクラス アクセスを設定します。
  • Lightning Web コンポーネントカード
    Vlocity Insurance and Health Summer '19およびVlocity Communications, Media, and Energy Fall '19リリース以降、VlocityではSalesforce Lightning Webコンポーネントのプログラミング モデルがサポートされます。
  • Vlocity カードへのグローバルブランドの適用 (管理パッケージ)
    管理パッケージランタイムの場合、Newport Design System を使用して、組織のすべての Vlocity Card にグローバルスタイルの変更を適用します。Newport Design System では、既存の Newport CSS スタイルをダウンロードして編集し、独自のスタイルで上書きできます。
  • テンプレートデザイナーとカードデザイナーの操作
    テンプレートデザイナーでテンプレートを作成または編集して、カードレイアウト、カードの状態、およびフライアウトの外観をカスタマイズします。
  • カードフレームワークのバージョン管理 (管理パッケージ)
    管理パッケージランタイムの場合、Vlocity Cards Framework ではすべてのコンポーネントのバージョン管理がサポートされます。名前、著者、バージョンの組み合わせは、組織の特定の種別 (レイアウト、カード、テンプレート) の各コンポーネントで一意である必要があります。
  • カードでのアクションの使用 (管理パッケージ)
    管理パッケージランタイムの場合、カードでは Vlocity アクション、OS アクション、カスタムアクションを使用して手順を起動します。たとえば、カードで OmniScript を起動したり、Apex クラスを実行したり、URL エンドポイントにリダイレクトしたりできます。
  • レイアウトのプレビュー (管理パッケージ)
    管理パッケージランタイムの場合、カードレイアウトをプレビューして、Lightning ページまたはコミュニティページに公開されたカードがどのように表示されるかを確認します。
  • レイアウトへのカードの追加
    Vlocity Insurance and Health Summer '19およびVlocity Communications, Media, and Energy Fall '19リリース以降、VlocityではSalesforce Lightning Webコンポーネントのプログラミング モデルがサポートされます。
  • カードへの状態の追加 (管理パッケージ)
    管理パッケージランタイムの場合、カードまたはカードレイアウトデータソースのデータ項目を表示するカード状態を追加し、指定された条件に基づいてさまざまなインタラクションとレイアウトを表示し、アクションを追加し、レコードに関する追加情報を表示するフライアウトを追加します。たとえば、期日を過ぎた保険契約情報を表示するカードの場合、カードの状態テンプレートを使用し、有効な保険契約の情報が有効なカードとは異なるアクション、項目、およびフライアウトを表示します。
  • カスタム状態項目の作成 (管理パッケージ)
    管理パッケージランタイムの場合、次のようにテンプレートデザイナーでテンプレートのサポート HTML に'custom-type'を入力して、レイアウトまたはカードのテンプレートにカスタム状態項目を作成できます。
  • カードコンポーネントのデータソースの設定 (管理パッケージ)
    管理パッケージランタイムの場合、Salesforce オブジェクトまたは外部データベースからデータを取得するようにカード、レイアウト、またはフライアウトでデータソースを設定します。返されたデータをレイアウトまたはフライアウトでカードに表示します。
  • カード URL 構文 (管理パッケージ)
    管理パッケージランタイムの場合、Vlocity Cards フレームワークは汎用 Visualforce ページを使用してレイアウトを表示します。このページには、特定のレイアウトを読み込むために 1 つ以上のパラメーターペアが必要です。次に例を示します。
  • ゾーンの作成 (管理パッケージ)
    管理パッケージランタイムでは、ゾーンを使用してカードレイアウトの情報をセクションに並び替えることができます。テンプレートデザイナーでゾーンを作成し、カードデザイナーでゾーンをレイアウトに追加してから、ゾーン内にカードまたはネストされたレイアウトを追加します。
  • プレースホルダーの作成 (管理パッケージ)
    管理パッケージランタイムの場合、テンプレートデザイナーでプレースホルダーを作成し、カードデザイナーでカード状態に追加項目を挿入します。たとえば、エスカレーション済みケースカードに一意のタイトルを追加するには、card-active-placeholders-sldsカードテンプレートを選択し、[タイトル] プレースホルダーの値に「エスカレーション済み」と入力します。
  • Flyout の作成 (管理パッケージ)
    管理パッケージランタイムの場合、カードをクリックしたときにカードに表示されるレコードに関する追加情報を表示するフライアウトを作成します。たとえば、フライアウトでは、標準カード項目に収まらないロングテキスト文字列や、取引先のオープンケースなどの子レコードのデータ、または追加アクションから情報を表示できます。
  • カードレイアウトのコピー (管理パッケージ)
    管理パッケージランタイムの場合、既存のカードレイアウトをコピーして、レイアウト、カードの状態、データソース設定を新しいカードレイアウトにコピーします。
  • テンプレートのバージョンの作成 (管理パッケージ)
    管理パッケージランタイムで軽微な編集を行い、有効なバージョンを切り替えるには、テンプレートのバージョンを作成します。
  • テンプレートのコピー
    テンプレートデザイナーで OmniScript 要素またはカードフレームワークコンポーネントテンプレートをコピーして、既存のコードや設定を上書きせずにテンプレートを編集します。
  • Lightning またはコミュニティページへのカードの追加 (管理パッケージ)
    管理パッケージランタイムの場合、Lightningアプリケーションビルダーとコミュニティビルダーでカードレイアウトを追加して、LightningおよびコミュニティページからVlocityカードを起動します。
  • LWC OmniScript (管理パッケージ) の更新後のカードの再読み込み
    管理パッケージランタイムの場合、OS アクションの URL パラメーター c__vlocEvents でイベントを OmniScript に渡すことで、LWC OmniScript への変更後にカードの情報を更新します。
  • カードコンテキスト変数 (管理パッケージ)
    管理パッケージランタイムでは、カード、データソース、フライアウト、テンプレート、その他のコンポーネントへのコンテキストを提供するために、フレームワーク全体でいくつかの変数を使用できます。
  • Vlocity レイアウトとカードのエクスポート (管理パッケージ)
    管理パッケージランタイムでは、新しい組織にコンポーネントをリリースするときに、該当する Vlocity Cards フレームワークコンポーネント (特に変更したもの) をエクスポートする必要があります。Vlocity Cards Framework では、すべてのコンポーネント (レイアウト、カード、テンプレート) のバージョン管理がサポートされています。有効なバージョンのみがエクスポートされます。
  • カードフレームワーク Web リリースオプション (管理パッケージ)
    管理パッケージランタイムの場合、OmniScript や Cards Framework コンポーネントを含む OmniStudio for Managed Packages コンポーネントを Salesforce の外部にリリースできます。このタイプのリリースは、プラットフォーム外とも呼ばれます。これらのコンポーネントは、Salesforce 組織への有効な接続の有無に関係なく、外部サーバーで使用できます。Heroku Web サーバーまたは Adobe Enterprise Manager にコンポーネントをリリースできます。
  • ベース UI およびカードテンプレート
    次の表に、Vlocity Card で使用できるベーステンプレートを示します。テンプレートを編集するときは、まず既存のテンプレートをコピーして、コピーしたバージョンを編集することをお勧めします。
  • カードフレームワークの必須リソース (管理パッケージ)
    管理パッケージランタイムの場合、Angular コンポーネントの場合、カスタムページにCardFrameworkを実装するときに、次のリソースを指定された順序で含める必要があります。
  • カスタムカード Apex ページの作成 (管理パッケージ)
    管理パッケージランタイムの場合、カスタムカード Apex ページを作成するには、Visualforce Apex ページを作成し、ページに Angular アプリケーションを追加し、いくつかの一般的なスクリプトを追加して、レイアウト名を追加します。
 
読み込み中
Salesforce Help | Article