空ステータスの構成

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：5分

    • 空ステータスを構成して、ページに現在データが含まれていないことをユーザーに知らせます。画像、テキスト、およびボタンを追加して、空ステータスをカスタマイズし、ユーザーエクスペリエンスを向上させます。

    始める前に

    デフォルトの空ステータスを作成するか、特定の空ステータスを作成するかにかかわらず、画像またはボタンを表示する場合は、次のアイテムが必要になることがあります。

    • 添付ファイル [sys_attachment] テーブルの画像。
    • 機能 [sys_sg_button] テーブルからの定義済みボタンアクション。詳細については、「スマートボタンを構成する」を参照してください。

    必要なロール：admin

    このタスクについて

    このタスクでは、すべての画面で使用されるデフォルトの空ステータスを構成する方法について説明します。特定の画面の空ステータスをカスタマイズする方法については、次のトピックを参照してください。

    手順

    1. 空のステータス要素とその属性を定義するレセプタクルであるカードを作成します。
      1. Web ベースの UI で、フィルターナビゲーターに sys_sg_view_config.list と入力します。
      2. 新規 を選択してカードを作成します。
      3. フォームのフィールドに入力します。
        表 : 1. カードフォーム
        フィールド 値
        名前 カードのタイトル。
        アプリケーション このレコードに関連付けられたスコープ対象のアプリケーション。このフィールドは、デフォルトで現在のアプリケーションになります。
        説明 カードのオプションの説明。
        アクティブ 空ステータス内のカードセットアップの表示を有効にするオプション。この構成では、このオプションを選択します。
        テーブル このカードにテーブルは必要ありません。
        カードテンプレート 値は「デフォルトの空ステータステンプレート」である必要があります。
      4. ヘッダーを右クリックして、[保存] を選択します。
    2. カードに追加する要素を選択します。
      1. [カード要素] フォームで [新規] を選択します。
      2. フォームのフィールドに入力します。
        表 : 2. カード要素フォーム
        フィールド 値
        名前 カード要素のタイトル。
        カード このフィールドには、新しいカードの名前が自動的に設定されます。
        アプリケーション このレコードに関連付けられたスコープ対象のアプリケーション。このフィールドは、デフォルトで現在のアプリケーションになります。
      3. [ ビューテンプレートスロット ] フィールドで、参照ルックアップアイコン ( 参照ルックアップアイコン) を選択し、カード要素に追加するテンプレートスロットを選択します。
        要素名 説明
        es-image-slot-1 空ステータスの画像要素。画像は 1 つのみ使用できます。
        es-text-slot-1 ボールドで表示されるメッセージのヘッダー要素。
        es-text-slot-2 ボールド以外のフォントで表示されるメッセージの本文要素。
        es-button-slot-1 空ステータスの一番上のボタン要素。
        es-button-slot-2 空ステータスの中央のボタン要素。
        es-button-slot-3 空ステータスの一番下のボタン要素。
      4. ヘッダーを右クリックして、[保存] を選択します。
    3. カードに追加した画像、テキスト、またはボタン要素の属性を設定します。
      要素アクション
      画像
      1. [カード要素属性] フォームで [新規] を選択します。
      2. 以下の値を設定します:
        • 名前：[参照ルックアップ] アイコンを使用して、ImageURL を選択します。
        • 説明：要素のオプションの説明。
        • 値：添付ファイル [sys_attachment] テーブルから画像の sys_id を貼り付けます。
          注:
          要素の sys_id を見つけるには、要素名を右クリックし、[sys_id をコピー] を選択します。
      3. [送信] を選択します。
      テキスト
      1. [カード要素属性] フォームで [新規] を選択します。
      2. 以下の値を設定します:
        • 名前：[参照ルックアップ] アイコンを使用して、TextValue を選択します。
        • 説明：要素のオプションの説明。
        • 翻訳可能な値：ボタンのテキストを入力します。UI の翻訳が行われると、このテキストが翻訳されます。
      3. [送信] を選択します。
      ボタン
      注:
      ボタン要素には、TextValue 属性と Button 属性の両方の構成が必要です。
      1. [カード要素属性] フォームで [新規] を選択します。
      2. 以下の値を設定します:
        • 名前：[参照ルックアップ] アイコンを使用して、TextValue を選択します。
        • 説明：要素のオプションの説明。
        • 翻訳可能な値：ボタンのテキストを入力します。UI の翻訳が行われると、このテキストが翻訳されます。
      3. [送信] を選択します。
      4. [カード要素属性] フォームで [新規] を選択します。
      5. 以下の値を設定します:
        • 名前：[参照ルックアップ] アイコンを使用して、Button を選択します。
        • 説明：要素のオプションの説明。
        • 値：機能 [sys_sg_button] テーブルから画像の sys_id を貼り付けます。
          注:
          要素の sys_id を見つけるには、要素名を右クリックし、[sys_id をコピー] を選択します。
      6. [送信] を選択します。

      ボタン要素には、BackgroundColor、BorderColor、および TEXTCOLOR のオプションの属性を含めることができます。ボタンのデフォルト設定以外の色を設定するには、テーマの色名 (例：プライマリ) または RGB 色値 (例：#8a8a8a) を指定します。
    4. オプション: 別のカード要素を追加してから属性を追加し、ステップ 2 とステップ 3 を繰り返します。
    5. カードを空のステートに添付します。
      1. Web ベース UI で、フィルターナビゲーターに「sys_sg_empty_state.list」と入力して、空ステータスのリストを開きます。
      2. [新規] を選択して空ステータスを作成します。
      3. フォームのフィールドに入力します。
        表 : 3. 空ステータスフォーム
        フィールド 値
        名前 空ステータスレコードのタイトル。デフォルトの空ステータスまたは画面固有の空ステータス。
        アプリケーション このレコードに関連付けられたスコープ対象のアプリケーション。このフィールドは、デフォルトで現在のアプリケーションになります。
        説明 空ステータスの説明。
        カード 作成したカードレコード。
        アクティブ 空ステータスの表示を有効にするオプション。
      4. [送信] を選択します。

    タスクの結果

    データを含まない画面には、空ステータスが表示されます。