← 活用ガイド一覧へ
ツールチッププラグイン

ツールチップにリンクを設定する

このページでは、ツールチッププラグインを使用して、ツールチップにリンクを設定するの手順を確認できます。

できること

ツールチップにリンクを設定するのデモ画面
動作イメージ
注意事項 ※機能を試す前に必ずご確認ください。
  • 機密情報、個人情報、その他不適切な情報を登録しないこと
  • 利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
  • サービス環境に過剰な負荷がかかるような利用を避けること
  • デモ環境の利用開始により上記注意事項に同意したものとみなす

利用シーン

  • 入力ルールが複雑なフィールドにツールチップを設置し、常に同じ社内マニュアルページへ誘導する。
  • 契約関連フィールドにツールチップを設定し、外部の法令集や業界規程サイトへ常にリンクする。
  • 新人がよく迷うフィールドにツールチップを付け、入力方法が説明されている操作マニュアルページに固定リンクする。
  • 案件番号や商品コードのフィールドに、関連システムのポータルサイト(ログインページなど)へのリンクを設置する。
  • サポート関連のフィールドに、常に同じFAQページや問い合わせフォームへのリンクを付ける。

必要なアプリ・プラグイン

アプリ

運用中のアプリでも設定が可能です。 今回の設定内容(設定手順)に基づいて作成したい方は、アプリテンプレートをダウンロードしてください。

プラグイン

ツールチッププラグイン

まだ kintone にプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

設定手順

1必要なフィールドをフォームに配置する

アプリのフォーム設定で、任意のフィールドを設定します。 アプリテンプレートを利用する場合は、既に設定済です。

set-links-in-tooltipsの設定手順1の画面
手順1の設定画面
2プラグインの設定画面を開く

プラグインの設定画面を開きます。 まずは、ツールチップを表示させるフィールドを設定しましょう。 今回の例では、登録番号のフィールドを選択しました。

set-links-in-tooltipsの設定手順2の画面
手順2の設定画面
3テキストを入力する

次に、テキストの入力を行います。 まずはリンクではない、通常の補足文を入力しましょう。

set-links-in-tooltipsの設定手順3の画面
手順3の設定画面
4リンク文を設定する

続いて、リンク文の設定を行います。 リンク文を入力した後、リンク文をドラッグして、リンクボタンをクリックします。

set-links-in-tooltipsの設定手順4の画面
手順4の設定画面
5リンクURLを設定する

すると、リンクの入力枠が表示されるので、URLを入力してSaveボタンをクリックします。

set-links-in-tooltipsの設定手順5の画面
手順5の設定画面
6リンク文の装飾を設定する(任意)

また、必須の設定ではありませんが、分かりやすさのために、リンク文にアンダーラインも設定しておきましょう。 設定が完了したら、保存ボタンを押して、アプリを更新します。

set-links-in-tooltipsの設定手順6の画面
手順6の設定画面

完成

ツールチップにリンクを設定するの完成イメージ
完成イメージ

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面