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

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

    • ポータルバナーカルーセルウィジェットをポータルに追加し、その表示と動作を変更します。

    始める前に

    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. [ページ] ウィンドウの [ページ固有の CSS] フィールドに以下の CSS コードを貼り付けます。 
      .col-md-12{ 
     padding-left: 0;
     padding-right: 0; 
 }
.padding-top {
     padding-top: 0;
 }
      アプリケーションスコープに関するメッセージが表示された場合は、[ここ] を選択するとレコードを編集できます。
    12. [保存] を選択します。
    13. [ウィジェット] ペインの [フィルターウィジェット] フィールドに「ポータルバナーカルーセル」と入力します。
    14. ウィジェットをコンテナ上にドラッグします。
    15. [編集] ページで、ポータルバナーカルーセルウィジェットを選択します。
    16. 鉛筆アイコン (鉛筆アイコン) を選択します。
    17. インスタンスフォームの各フィールドに入力します。
      フィールド値の説明については、「ポータルバナーカルーセルウィジェットのインスタンスオプションフォーム」を参照してください。
    18. [保存] を選択します。