Iss 659 photo sketching, Iss 660 layer order (#677)

* photo sketching

* layer order

Author: alex-cit

src/.vitepress/sidebar/en.js

@@ -92,6 +92,7 @@ export default {
         { text: 'Measurement Tools', link: '/field/measure/' },
         { text: 'Layers in Mergin Maps Mobile App', link: '/field/layers/' },
         { text: 'Map Sketching', link: '/field/map-sketching/' },
+        { text: 'Photo Sketching', link: '/field/photo-sketching/' },
         { text: 'How to Add, Edit, Delete Features', link: '/field/mobile-features/' },
         { text: 'How to Reuse Last Entered Values', link: '/field/reuse-last-values/' },
         { text: 'How to Stake Out Points', link: '/field/stake-out/' },

src/field/layers/index.md

@@ -19,6 +19,27 @@ The visibility of layers on the map can be easily turned on and off by toggling
 
 ![Mergin Maps mobile app Layers visibility](./mobile-app-layers-off.jpg "Mergin Maps mobile app Layers visibility")
 
+## Layer order
+By default, layers are listed in alphabetical order. If you want to follow the layer order of the QGIS project, you can do so in the [Project properties](../../gis/features/#layer-order):
+
+1. Open your <MainPlatformName /> project in QGIS
+   ![Layer order setup in QGIS Mergin Maps project](./qgis-layer-order.jpg "Layer order setup in QGIS Mergin Maps project")
+
+2. Navigate to **Project** > **Properties** 
+   ![QGIS Project Properties](../../gis/qgis-project-properties.jpg "QGIS Project Properties")
+   
+3. In the <MainPlatformName /> tab, choose the sort method: *Alphabetical* or *QGIS layer order*.
+   ![Layer order setup in QGIS Mergin Maps project](../../gis/features/project-layer-order.jpg "Layer order setup in QGIS Mergin Maps project")
+
+4. **Apply** the changes, save and synchronise your project.
+
+5. Open the project in the <MobileAppNameShort />.
+   
+   Depending on the setup, layers will be either listed alphabetically or based on the QGIS layer order:
+   
+   ![Layer order setup in Mergin Maps mobile app](./mobile-app-layer-order.jpg "Layer order setup in Mergin Maps mobile app")
+   
+
 ## Layers legend and features
 Select a layer in the **Layers** panel to browse features and [search for attributes values](#browsing-features). Tap on the record to zoom to the feature on the map and display its form.
 

src/field/layers/mobile-app-layer-order.jpg

@@ -0,0 +1,42 @@
+# Photo Sketching
+
+[[toc]]
+
+Photo sketches can be used to annotate photos or pictures added to a feature, in addition to the regular field collection of [features](../mobile-features/) or [photos](../../layer/photos/).
+
+:::warning Preview feature
+Photo sketching is a feature in preview. While it works for most devices and setups, you may encounter some issues.
+:::
+
+## Enable photo sketching
+
+<SinceBadge type="Plugin" version="2025.3.4" />
+
+Photo sketching is disabled by default. To use it, it needs to be enabled in QGIS when [preparing your <MainPlatformName /> project](../../gis/features/#photo-sketching).
+
+1. Open your <MainPlatformName /> project in QGIS
+2. Navigate to **Project** > **Properties** 
+   ![QGIS Project Properties](../../gis/qgis-project-properties.jpg "QGIS Project Properties")
+
+3. In the <MainPlatformName /> tab, check the **Enable photo sketching** option and **Apply** the changes.
+   ![Enable photo sketching in QGIS Mergin Maps project](../../gis/features/project-photo-sketching.jpg "Enable photo sketching in QGIS Mergin Maps project")
+
+5. Save and synchronise your project!
+
+::: tip 
+If you do not see this option in the **Project properties**, check for [plugin upgrades](../../setup/install-mergin-maps-plugin-for-qgis/#plugin-upgrade).
+:::
+
+## Photo sketching in the mobile app
+To use photo sketching in the <MobileAppNameShort />, make sure it is [enabled in the project](#enable-photo-sketching).
+
+1. Open a form with a [photo widget](../../layer/photos/) for editing and tap the **Photo sketching** button.
+   - Draw your sketches on the photo by freehand or using a stylus. You choose from 7 annotation colours.
+   - Use the **Undo** button to revert the last changes.
+    
+   ![Photo sketching button in Mergin Maps mobile app](mobile-photo-sketching.jpg "Photo sketching button in Mergin Maps mobile app")
+
+2. Use the **Done** button to finish sketching. The picture with sketches will be displayed in the form.
+
+3. Save and synchronise the changes. A copy of the original picture with the sketches will be saved to <MainPlatformName />. 
+