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

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む2読むのに数分

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

    始める前に

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

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

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

    手順

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