ツールチップの配置オプション定義

Adopt エディターの左側パネルからツールチップの プロパティ にアクセスし、 ポジション タブを開きます。

ツールチップポジション の下で:

  • ウェブアプリケーションページでツールチップに関連付けられた要素を プレビュー します。 必要に応じて、要素を 再選択 します。 Adoptエディターの要素セレクターの使用ドキュメントを参照してください。

    • システムがスペースの制約のために希望の位置を表示できない場合、Adoptは最適な位置を時計回りの方向に配置します。

  • 一致を表示 をチェックし、またはリストからキー ページを選択して ターゲット キーページ にします。また、検索 バーを使用して名前で結果をフィルターできます。

    • 事前定義されたキー ページにより、ツールチップを Nexthink Infinity によって認識される動的URLに関連付けることができ、例えば https://impl.workday.com/*/d/home.htmld です。

    • 一致するキー ページがない場合は、キー ページ ドキュメントを参照してください。

    • 必要に応じて、キー ページの選択を無視 して、ナビゲーション の下で静的 URL を定義します。

  • 必要に応じて、Nexthink Infinity Adoption設定で既定で設定された要素セレクターを有効または無効にし、このツールチップに特化します。

  • スクロールバーが含まれている複数のコンテナがある場合、ユーザーがスクロールするときに 位置の再計算を有効にします。 一般的に、Adoptはツールチップ関連の要素に到達するためにメインページをスクロールしようとします。 このオプションを有効にして、 element ID によってコンテナを指定し、そのコンテナだけにスクロールを制限します。

  • Nexthink Adoption 設定 に存在する ガイドのデフォルト を有効または無効にします。

    • 記録されたクエリパラメータを無視: 特定のURLにクエリが含まれている場合、例えば http://google.com/?query、この設定を有効にして/?以降を無視し、ベースURLのみを使用します。

    • 要素がカバーされていないときにツールチップを表示: Adoptは通常、関連する要素がモーダルウィンドウやダイアログによってオーバーラップされていてもツールチップを表示します。 この設定を有効にして、要素が他の要素にオーバーラップされていないときのみツールチップが表示されるようにします。

    • スクロールして要素を表示: この設定を有効にして、ページを自動的にスクロールし、関連付けられた要素が見えるようにします。

オリエンテーションカスタム領域、および z-index オプションを使用して、選択した要素に対するツールチップの位置を定義します。


ツールチップ配置 の下で:

選択された要素の位置に基づいて、ツールチップが描画される方向を決定する オリエンテーション を選びます。

  • 自動 がデフォルト設定です。 要素がページの一番上にある場合を除き、ツールチップは上から描画され、これの場合は下から描画されます。

  • レンダリング方向を指定するために、 、または を選択します。


カスタム領域の下で:

カスタム領域を定義することで、関連するツールチップが表示される際に、要素のハイライトされた領域を拡張したり縮小したりできます。

  • コンテンツにクロップのオプションを選択すると、Adoptが要素の関連コンテンツ(テキストラベルなど)のみを含む領域を定義しようとします。

    • この設定はページのフォーマッティングが不適切であると機能しない可能性があります。

  • カスタム領域をニーズに合わせて形作るために、ピクセル単位での方向性パディングを定義してください。


Z-インデックスの下で:

Z-インデックス ソースを選択して、Nexthink拡張機能がツールチップを表示する際のz-インデックスの基準点を決定します。

  • テーマは、Nexthinkのデフォルトのz-インデックス値 73999 を使用します。

  • 要素は、ページフォーマットを通じて決定された、関連する要素のz-インデックス値を使用します。

  • 手動は、シャドウおよびツールチップのz-インデックス値を定義することを許可します。 ツールチップがシャドウよりも少なくとも1以上の増分を持つようにして、正しく表示されるようにしてください。

Last updated

Was this helpful?