14
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

本記事は OSSのノーコード・ローコード開発ツール「プリザンター」 Advent Calendar 2022 11日目の記事です。

はじめに

プリザンター に入力した電話番号をtel:をつけたリンクにすることで、クリックやタップで電話をかけられるようにします。プリザンターのアンカー機能を使用します。

電話番号項目の設定

「テーブルの管理」→「エディタ」→「電話番号項目を選択」→「詳細設定」とクリックします。下記の画面が表示されますので、下記の設定を行います。

  1. スタイル:ワイド(見やすさ向上のため)
  2. アンカー:オン
  3. アンカー書式:tel:{Value}

image.png

画面で確認

電話番号項目に電話番号を入力すると、リンクとなりこれをクリックすることでデバイスに接続された電話機から電話をかけることができます。

image.png

開発者ツールで確認

Chromeブラウザで電話番号の部分を右クリックして検証をクリックすると、開発者ツールが開きリンク先を示すのhref属性が確認できます。

image.png

その他

アンカー機能はURLの一部を入力した文字列にする機能です。
https://pleasanter.org/manual/table-management-anchor

14
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?