クイックリンクウィジェットの表示を変更

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:3分
  • タイトル、表示スタイル、タイルサイズ、コンテンツ配置など、ウィジェットの外観をデザインして管理します。

    始める前に

    必要なロール:sp_admin または admin

    注:
    これらの構成オプションは、クイックリンク (CD) ウィジェットではなく、クイックリンクウィジェットでのみ使用できます。ポータルに存在するウィジェットを確認するには、サービスポータルデザイナーでページを開きます: Create and edit a page using the Service Portal Designer

    手順

    1. 次のように移動する。 All (すべて) > セルフサービス > Employee Center.
    2. 従業員センター ホームページでコントロールキーを押したまま [クイックリンク] ウィジェットを右クリックし、[インスタンスオプション (Instance Options)] を選択します。
    3. インスタンスオプションを設定します。
      表 : 1. クイックリンクのインスタンスのオプション
      インスタンスオプション 説明
      タイトル ウィジェットのタイトルを示します。
      カード表示スタイル ウィジェットでのカードタイルの表示方法を示します。以下から選択可能です。

      デフォルト値:サムネイル

      カードタイルサイズ ウィジェットでのカードタイルのサイズを示します。以下から選択可能です。

      デフォルト値:中

      カードコンテンツの配置 ウィジェットでのカードコンテンツの配置方法を示します。以下から選択可能です。

      デフォルト値:左

      アイコン画像の表示 カードタイルにアイコン画像を表示します。次の場合にのみ有効です。
      背景画像の表示 カードタイルに背景画像を表示します。サムネイルセンターミディアムカードとスモールカードにのみ有効です。
      説明を包含 カードタイルの説明を含めるオプション次の場合にのみ有効です。
      背景色 カードタイルの背景色以下から選択可能です。

      サムネイルカードにのみ有効です。

      背景色 16 進数コード タイル背景色の 16 進コードを指定します。このフィールドに値を入力するのは、 [タイル背景色] フィールドで [16 進数コード] を選択した場合のみです。
      アイコンオーバーレイ表示 (Icon Overlay Display) アイコンの背景を円形で表示するオプション。このオプションは、アイコンが使用可能な場合にのみ表示されます。
      アイコンオーバーレイの色の 16 進数コード (Icon Overlay Color Hexcode) アイコンの円形の背景の色を指定するオプション。[アイコンオーバーレイ表示 (Icon Overlay Display)] オプションを選択した後、このフィールドに値を入力します。このフィールドに値を指定しない場合、このフィールドのデフォルトは #FFFFFF (白色) になります。
      テキストオーバーレイ表示 (Text Overlay Display) テキストオーバーレイを表示するオプション。サムネイルセンターミディアムカードとスモールカードにのみ有効です。
      テキストオーバーレイの色の 16 進数コード (Text Overlay Color Hexcode) テキストオーバーレイの色を指定するオプション。[テキストオーバーレイ表示 (Text Overlay Display)] オプションを選択した後、このフィールドに値を入力します。このフィールドに値を指定しない場合、このフィールドのデフォルトは #FFFFFF (白色) になります。
      カスタムテキストの色 (Custom Text Color) テキストのカスタムの色を示します。サムネイルカードにのみ有効です。
      カスタムテキスト色 16 進数コード (Custom Text Color Hexcode) テキストのカスタムの色を指定します。[カスタムテキストの色 (Custom Text Color)] オプションを選択した後、このフィールドに値を入力します。このフィールドに値を指定しない場合、このフィールドのデフォルトは #FFFFFF (白色) になります。
      クイックリンク ウィジェットに表示するクイックリンクを追加または削除します。
    4. [保存] をクリックします。