組織図ウィジェット

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

    ウィジェットの使用

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

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

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

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

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

    インスタンス オプション

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

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

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

    プレゼンテーション
    ユーザーの背景色 (User Background Color)

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

    ユーザーの背景色が赤

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

    ノードの背景色 (Node Background Color)

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

    ノードの背景色が黄色

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

    テーブルのレイアウト

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

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

    行のレイアウト

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

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

    線グラフ

    カードをつなぐ線の色。デフォルトでは、線は黒です。

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

    ツリーのレイアウト

    チャートのサイズ、間隔、配置。

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

    画像のレイアウト

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

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

    動作
    URL

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

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

    ページ

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

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

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