diff --git a/src/.vitepress/sidebar/en.js b/src/.vitepress/sidebar/en.js index 8abb5fb3..5ffaedf7 100644 --- a/src/.vitepress/sidebar/en.js +++ b/src/.vitepress/sidebar/en.js @@ -90,9 +90,10 @@ export default { { text: 'Use Cases', link: '/layer/use-cases/', collapsed: true, items: [ - { text: 'How to Open a File', link: '/layer/open-file/' }, - { text: 'How to Use Hyperlinks', link: '/layer/external-link/' }, + { text: 'How to Open a File', link: '/layer/open-file/' }, + { text: 'How to Use Hyperlinks', link: '/layer/external-link/' }, { text: 'How to Open a Link to a Navigation App', link: '/layer/link-to-navigation/' }, + { text: 'How to Use a Phone Call Link', link: '/layer/phone-call-link/' }, { text: 'How to Link Multiple Records to One Feature (1-N Relations)', link: '/layer/one-to-n-relations/' }, { text: 'How to Embed an Image', link: '/layer/embed-image/' }, ] }, diff --git a/src/index.md b/src/index.md index 0e487103..ae4f0388 100644 --- a/src/index.md +++ b/src/index.md @@ -91,6 +91,7 @@ The ecosystem consist of various components: - [How to Open a File ](./layer/open-file/) - [How to Use Hyperlinks](./layer/external-link/) - [How to Open a Link to a Navigation App](./layer/link-to-navigation/) + - [How to Use a Phone Call Link ](./layer/phone-call-link/) - [How to Link Multiple Records to One Feature](./layer/one-to-n-relations/) - [How to Embed an Image](./layer/embed-image/) diff --git a/src/layer/info-widgets/index.md b/src/layer/info-widgets/index.md index 40e22de0..2eaac75c 100644 --- a/src/layer/info-widgets/index.md +++ b/src/layer/info-widgets/index.md @@ -7,7 +7,7 @@ description: HTML and Text widgets are not connected to a specific field of the also offers widgets that can be added to the form to display values or text, but are not connected to a specific field of the layer, such as the Text or HTML widget. These widgets are also supported by . -HTML and Text widgets can be used, e.g., to display instructions in the form. They can include [expressions and field values](#using-expressions-in-text-and-html-widgets) as well. The HTML widget supports various [HTML tags](https://doc.qt.io/qt-6/richtext-html-subset.html#supported-tags), so it can also be used, for instance, to display [online images](../embed-image/) or [open local files](../open-file/). +HTML and Text widgets can be used, e.g., to display instructions in the form. They can include [expressions and field values](#using-expressions-in-text-and-html-widgets) as well. The HTML widget supports various [HTML tags](https://doc.qt.io/qt-6/richtext-html-subset.html#supported-tags), so it can also be used, for instance, to display [online images](../embed-image/), [phone call link](../phone-call-link/) or [open local files](../open-file/). |
Widget
|Preview in the | |:---:|:---:| diff --git a/src/layer/link-to-navigation/index.md b/src/layer/link-to-navigation/index.md index a48e980f..5847996e 100644 --- a/src/layer/link-to-navigation/index.md +++ b/src/layer/link-to-navigation/index.md @@ -7,7 +7,7 @@ description: Hyperlinks can be used in the attributes form in Mergin Maps mobile Attributes forms can include clickable links that can be used to open a navigation app directly from the form in . -:::tip +:::tip Example project available Clone to follow this example! ::: diff --git a/src/layer/phone-call-link/index.md b/src/layer/phone-call-link/index.md new file mode 100644 index 00000000..6b6759fe --- /dev/null +++ b/src/layer/phone-call-link/index.md @@ -0,0 +1,23 @@ +--- +description: HTML widget can be used to initiate a phone call directly from the feature's form in Mergin Maps mobile app. +--- + +# How to Use a Phone Call Link + +The HTML widget can be used to display a link that will trigger a phone call directly from the form in . + +:::tip Example project available +Clone to see how this works. +::: + +Add the [HTML widget](../info-widgets/) to the **Attributes form** of your survey layer. Use the following configuration (replace `123-456-789` by the phone number you want to use): +``` +123-456-789 +``` + +![QGIS Attributes form HTML widget with phone call link](./qgis-form-html-phone-call.webp "QGIS Attributes form HTML widget with phone call link") + +In the , the form now contains a link that can initiate a phone call. +![Mergin Maps mobile app form with phone call link](./mobile-form-html-phone-call.webp "Mergin Maps mobile app form with phone call link") + + diff --git a/src/layer/phone-call-link/mobile-form-html-phone-call.webp b/src/layer/phone-call-link/mobile-form-html-phone-call.webp new file mode 100644 index 00000000..983481a5 Binary files /dev/null and b/src/layer/phone-call-link/mobile-form-html-phone-call.webp differ diff --git a/src/layer/phone-call-link/mobile-form-html-phone-call.xcf b/src/layer/phone-call-link/mobile-form-html-phone-call.xcf new file mode 100644 index 00000000..e5268baf Binary files /dev/null and b/src/layer/phone-call-link/mobile-form-html-phone-call.xcf differ diff --git a/src/layer/phone-call-link/qgis-form-html-phone-call.webp b/src/layer/phone-call-link/qgis-form-html-phone-call.webp new file mode 100644 index 00000000..3a725a90 Binary files /dev/null and b/src/layer/phone-call-link/qgis-form-html-phone-call.webp differ diff --git a/src/layer/phone-call-link/qgis-form-html-phone-call.xcf b/src/layer/phone-call-link/qgis-form-html-phone-call.xcf new file mode 100644 index 00000000..9258aff5 Binary files /dev/null and b/src/layer/phone-call-link/qgis-form-html-phone-call.xcf differ