組織図ウィジェット

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:3分
  • 組織図ウィジェットには、マネージャーに対するツリー構造で従業員が表示されます。このベースシステムウィジェットは、そのままポータルで使用することも、クローンを作成して自分のビジネスニーズに合わせて作り変えることもできます。

    ウィジェットの使用

    テキスト入力フィールドで、ユーザーを入力または選択して、マネージャーと部下を表示します。ウィジェットは、ユーザー [sys_user] レコードの情報を使用して、選択したユーザーに関連する組織階層を表示します。

    David Loo が選択され、Bud Richman が David のマネージャーとしてチャートに表示されている組織図ウィジェット。デビッドはアリッサのマネージャーです。

    カードをクリックすると、そのユーザーのプロファイルページが開きます。カードリンクを再構成するには、ウィジェットインスタンスオプションの URL または ページ を変更します。

    個々のカードをドラッグしてグラフを並べ替えることができます。

    虫眼鏡アイコンをクリックするかスクロールすることで、チャートビューを拡大または縮小できます。

    インスタンスオプション

    インスタンスオプションを使用して、ポータルページの組織図ウィジェットを設定します。
    注:
    いくつかのインスタンスオプションに有効な値がありません。デフォルトでは、次のインスタンスオプションのみを設定できます。
    • ユーザーの背景色
    • ノードの背景色
    • URL
    • ページ
    フィールド 説明
    データ
    カードフィールド

    各カードに表示されるユーザーレコードのフィールド。デフォルトでは、各カードには各ユーザーの名前、役職、部門、メール、電話番号、および場所が表示されます。

    このフィールドに入力できる有効な値がありません。

    プレゼンテーション
    ユーザーの背景色

    ユーザーカードの色。色名または 16 進数コードを使用します。たとえば、「 赤」 または「 #ff0000」と入力できます。

    ユーザーの背景色は赤

    デフォルトでは、ユーザーの背景色は 水色 です。

    ノードの背景色

    ユーザーカードから拡張されたカードの色。色名または 16 進数コードを使用します。たとえば、「 黄色 」または「 #ffff00」と入力できます。

    ノードの背景色は黄色です

    デフォルトでは、ノードの背景色は Azure です。

    テーブルレイアウト

    各カードのコンテンツのサイズとマージン。

    このフィールドに入力できる有効な値がありません。

    行レイアウト

    カード内のテキストの配置。デフォルトでは、テキストは左揃えです。

    このフィールドに入力できる有効な値がありません。

    線グラフ

    カードを接続する線の色。デフォルトでは、線は黒です。

    このフィールドに入力できる有効な値がありません。

    ツリーレイアウト

    グラフのサイズ、間隔、および配置。

    このフィールドに入力できる有効な値がありません。

    画像レイアウト

    各カードの画像スペースのサイズ。デフォルトでは、画像空間は 55x65 ピクセルです。ユーザー画像はスペースに合わせて縮小または拡大されます。

    このフィールドに入力できる有効な値がありません。

    動作
    URL

    カードをクリックしたときに開くページの Web アドレス。ページ ID を参照するポータル URL の部分を使用します。たとえば、 サービスカタログに移動するには、「 ?id=sc_category」と入力します。

    空白のままにすると、カードをクリックすると [ページ] フィールドで指定されたページが開きます。[ ページ] フィールドも空白の場合は、カードをクリックするとデフォルトでユーザープロファイルページが開きます。

    ページ

    カードをクリックしたときに開くポータルページ。ページ ID を使用します。

    空白のままにすると、カードをクリックすると [URL ] フィールドに Web アドレスが開きます。[URL] フィールドも空白の場合は、カードをクリックするとデフォルトでユーザープロファイルページが開きます。

    注:
    [URL] フィールドは [ページ] フィールドを上書きします。URL ではなくページを指定するには、[ URL ] フィールドを空白のままにします。