ポータルウィジェットの使用
ウィジェットは、ポータルページのコンテンツを定義するものです。サービスポータル で提供されるベース システム ウィジェットを使用するか、ウィジェットのクローンを作成して変更するか、または独自のニーズに合うカスタム ウィジェットを開発することができます。
デザイナーで サービスポータル ページを作成または更新する場合、ウィジェットフィルター内を検索してウィジェットをページにドラッグすることで、ウィジェットを簡単に追加できます。また、次のプラットフォームからすべてのウィジェットレコードにアクセスできます。 .
ベースシステムウィジェット
に サービスポータル 含まれているベースシステムウィジェットを使用して、ポータルページの構成を開始できます。 ベースシステムウィジェットは読み取り専用であるため、将来の更新から恩恵を受けることができます。ただし、ページに追加するベースシステムウィジェットのインスタンスごとに、そのウィジェットで使用可能なインスタンスオプションを設定できます。
ベースシステムウィジェットのリストとそのインスタンスオプションについては、次 ウィジェット ライブラリを参照してください。
ウィジェットインスタンス
サービス ポータル デザイナーを使用してページにウィジェットを追加すると、ウィジェット インスタンスが作成されます。ウィジェットインスタンスは、そのインスタンスに固有の場所、プロパティ、 CSS を含むウィジェットへの参照です。同じページに同じウィジェットを複数回追加すると、複数のインスタンスが作成されます。
すべてのウィジェット インスタンスは 1 つのウィジェットを示します。そのウィジェットを編集すると、そのすべてのウィジェット インスタンスにその変更が適用されます。また、ウィジェット インスタンスに固有の変更を加えることもでき、その場合はそのウィジェット インスタンスだけが変更されます。
たとえば、次の画像には、各インスタンスに固有の構成が異なるベースシステムの アイコン リンク ウィジェット 4 つのインスタンスが含まれています。
ウィジェット コンテキストメニュー
レンダリングされた任意のサービスポータルページで、ウィジェットを CTRL+右クリックすると、コンテキストメニューにその他の構成オプションが表示されます。
たとえば、 をクリックして、サンプルポータルページを開きます。Ctrl を押しながらそのページのナレッジベースを右クリックします。
| オプション | 説明 |
|---|---|
| ウィジェットのパフォーマンス | ウィジェットの読み込みにかかる時間です。 |
| インスタンス オプション | ウィジェットのインスタンスを指定します。ウィジェット インスタンス オプションは、選択したウィジェットによって異なります。たとえば、クール クロック ウィジェットのインスタンス オプションには、各インスタンスの異なるタイム ゾーンが含まれているため、同じクロックをページ上で 4 回、すべて異なるタイム ゾーンで使用することができます。 |
| ページ エディターのインスタンス | ページ エディターでウィジェットのインスタンスを開きます。 |
| ページ デザイナー | ウィジェットをサービス ポータル デザイナーで開きます。これにより、コンテナ、列、ウィジェットを追加することができます。サービス ポータル デザイナーからウィジェットまたはウィジェットが存在するページにスタイリングを追加できます。 |
| ウィジェットのカスタマイズを表示 | ページの問題を診断できるように、ページ上のウィジェットのカスタマイズレベルを表示します。詳細については、「ウィジェット診断」を参照してください。 |
| コンテナの背景を編集 | ウィジェットが配置されているレイアウトを編集します。 |
| ウィジェットオプションスキーマ | ウィジェットのインスタンスに対して選択できるオプションを定義します。独自のインスタンス オプションの設定の詳細については、「ウィジェット オプション スキーマ」を参照してください。 |
| ウィジェットのフォームモーダル | ポップアップ ウィンドウでウィジェット フォームを開き、ウィジェットをすばやく変更することができます。 |
| エディターのウィジェット | ウィジェット エディターでウィジェットを開きます。ウィジェット エディターを使用して、ウィジェットの HTML テンプレート、CSS、クライアント スクリプト、サービス スクリプト、およびデモ データを設定できます。 |
| コンソールにログを記録：$scope.data | $scope.data オブジェクトは、サーバーからクライアント側コントローラーにデータを渡します。console.logメッセージやアラートをコントローラーコードに追加する代わりに、$scope.data オブジェクトをブラウザーコンソールに記録し、そこでデータを表示できます。 |
| コンソールにログを記録：$scope | $scope.data オブジェクトと似ていますが、$scope のすべてをコンソールに記録する点が異なります。 |
カスタムウィジェット
ベースシステムウィジェットは読み取り専用であるため、将来の更新から恩恵を受けることができます。変更を加えるには、基本システム ウィジェットをクローンできます。ただし、クローンされたウィジェットはカスタムと見なされ、クローン元のウィジェットの将来の更新から恩恵を受けることはありません。 ウィジェットを最初から作成することもできます。ウィジェットのクローン作成または作成の詳細については、「カスタムウィジェットの開発」を参照してください。