リンクをアイコンのみで表示する
このページでは、リンク配置プラグインを使用して、リンクをアイコンのみで表示する手順を確認できます。
できること
ボタンやテキストではなくアイコンだけでリンクを表示できるため、画面上の表示をよりシンプルにできます。
本ガイドでは顧客管理アプリを例に、顧客名の横にネットワークアイコンを配置します。
- １．機密情報、個人情報、その他不適切な情報を登録しないこと
- ２．利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
- ３．サービス環境に過剰な負荷がかかるような利用を避けること
- ４．デモ環境の利用開始により上記注意事項に同意したものとみなす
利用シーン
- 顧客名の横にホームページへのリンクをアイコンのみで表示する
- ボタン表示だと場所を取るフィールド横に、コンパクトな導線を設置する
- アイコンで意味が伝わるリンク（ホームページなど）を配置する
必要なアプリ・プラグイン
アプリ
本ガイドでは顧客管理アプリを例に設定します。 顧客名とHPリンクの2フィールドを使い、HPリンクフィールドの値をリンク先に指定します。 以下のボタンをクリックするとアプリテンプレートがダウンロードできます。
プラグイン
設定手順
アプリのフォーム設定で、顧客名（文字列1行）とHPリンク（リンク）フィールドを設定します。 アプリテンプレートを利用する場合は、既に設定済です。
プラグイン設定画面を開きます。 まず、設定名称に「ホームページ（アイコンのみ）」など任意の名称を設定します。
表示形式で「アイコンのみ」を選択します。 続けて、アイコン設定をクリックし、アイコン一覧からネットワークアイコン（public など）を選びます。
アイコン一覧ウィンドウの右上をクリックすると、色の設定ができます。
「レコード詳細・追加・編集画面」を選択し、レコード詳細・追加・編集の各画面にチェックを入れます。
リンクを配置する位置で「フィールド名の横」を選択し、顧客名フィールドを指定します。
リンク先のURLは「フィールドの値」を選択し、HPリンクフィールドを指定します。
リンク先画面の開き方は「新しいタブで開く」を選択します。
必要に応じて、リンクの表示条件を設定できます。 今回の例では、表示条件を有効にし、フィールドに「HPリンク」、条件式に「未入力でない」を指定しました。
設定が完了したら、保存ボタンを押して、アプリを更新します。
完成
レコード画面で顧客名フィールドの横に、アイコンのみのネットワークアイコンリンクが表示されます。 アイコンをクリックすると、HPリンクフィールドに登録したURLが開きます。
