ポータルバナーウィジェットの追加と構成

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：2分

    • ポータルバナーウィジェットをポータルに追加し、その表示および動作を変更します。ポータルバナーウィジェットを使用すると、ポータルページにお知らせ、新製品または機能のハイライト、および重要な情報を表示できます。

    始める前に

    UI Components for Customer Portals プラグインがアクティブ化されている必要があります。詳細については、「UI Components for Customer Portals プラグインのアクティブ化」を参照してください。

    ウィジェットを追加するページをまだ作成していない場合は、「構成可能なポータルウィジェットのページの作成」を参照してください。

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

    手順

    1. に移動します All (すべて) > サービスポータル > Service Portal の構成.
    2. [デザイナー] を選択します。
    3. サービスポータルデザイナーのページで、ウィジェットを追加するページを検索して選択します。
    4. [ウィジェット] タブを選択します。
    5. [レイアウト] セクションで、コンテナレイアウトをポータル編集ページ上にドラッグします。
    6. コンテナで鉛筆アイコン (鉛筆アイコン) を選択します。
    7. [幅] フィールドで [流動] を選択します。
    8. [保存] を選択します。
    9. コンテナ上で、プラスボタン (プラスボタン) を選択して列のセットを追加します。
    10. 列で、[ページのプロパティを編集] アイコン (ページのプロパティを編集アイコン) を選択します。
      注:
      ブレッドクラムナビゲーションで [列] が選択されていることを確認します。列のブレッドクラムを表示するサービスポータルデザイナーのバナー
    11. サービスポータルデザイナーのバナーの [ページのプロパティを編集] アイコン (ページのプロパティを編集アイコン。) を選択します。
    12. [ページ] ウィンドウの [ページ固有の CSS] フィールドに以下の CSS コードを貼り付けます。 
      .col-md-12{ 
     padding-left: 0;
     padding-right: 0; 
 }
.padding-top {
     padding-top: 0;
 }
      アプリケーションスコープに関するメッセージが表示された場合は、[ここ] を選択するとレコードを編集できます。
    13. [保存] を選択します。
    14. [ウィジェット] ペインの [フィルターウィジェット] フィールドに「ポータルバナー」と入力します。
    15. ウィジェットをコンテナ上にドラッグします。
    16. [編集] ページで、ポータルバナーウィジェットを選択します。
    17. 鉛筆アイコン (鉛筆アイコン) を選択します。
    18. [インスタンス] フォームの [プレゼンテーション] フィールドで、次の JSON コードを [プレースホルダーテキストを検索 (Search Placeholder Text)] フィールドに貼り付けます。 
      {
    "title": "enter the title",
    "size": "enter the size of search bar",
    "color": "enter color"
}
      各パラメーターの詳細については、「ポータルバナーウィジェットでの検索オプションのスクリプトパラメーター」を参照してください。
    19. インスタンスフォームの各フィールドに入力します。
      フィールド値の説明については、「ポータルバナーウィジェットインスタンスのオプションフォーム」を参照してください。
    20. [保存] を選択します。