Updated sample.json + readme.md

Author: Laskewitz

power-apps/form-factor-selector/README.md

@@ -1,25 +1,54 @@
+# Form Factor Selector
+
 Form factor selection in editor
 
 Allow you to change the form factor in edit mode, helping you to design responsive applications
 
-<img width="216" alt="msedge_rcavLxE04h" src="./assets/formfactorselector.png" />
+![Form Factor Selector](./assets/formfactorselector.png)
+
+## Authors
+
+Snippet|Author
+--------|---------
+David Zoonekyndt | [GitHub](https://github.com/DavidZoon) ([LinkedIn](https://www.linkedin.com/in/david-zoonekyndt/) )
 
-⚠️⚠️⚠️ Important:
+## Minimal path to awesome
 
-        Set Gallery.Y to : -Self.Height 
+1. Open your canvas app in **Power Apps**
+2. Copy the contents of the **[YAML-file](./source/formfactor.yaml)** 
+3. Click on the three dots of the screen where you want to add the snippet and select "Paste"
 
+### ⚠️⚠️⚠️ Important:
+
+Set `Gallery.Y` to `-Self.Height` 
+
+You need to replace for<b> every screen</b> the following properties, otherwise screen will not be affected by your formfactor selection:
 
-        You need to replace for<b> every screen</b> properties, otherwise screen will not be affected by your formfactor selection :
+**Width**
 
-        Width :
-                Max(App.Width, App.MinScreenWidth)
+Replace:
+```Max(App.Width, App.MinScreenWidth)```
+
+by:
+```Coalesce(vFormFactor.Width,Max(App.Width, App.MinScreenWidth))```
+
+**Height**
+
+Replace:        
+```Max(App.Height, App.MinScreenHeight)```
+
+by:
+```Coalesce(vFormFactor.Height,Max(App.Height, App.MinScreenHeight))```
+
+<img width="520" alt="sample_tablet_landscape" src="./assets/sample_tablet_landscape.png" />   
+<img width="206" alt="sample_tablet_portrait.png" src="./assets/sample_tablet_portrait.png" />  
+<img width="150" alt="phone_portrait.png" src="./assets/sample_phone_portrait.png" />  
+
+## Code
+ **[YAML-file](./source/formfactor.yaml)** 
 
-                by :
-                Coalesce(vFormFactor.Width,Max(App.Width, App.MinScreenWidth))
-        Height :
-                Max(App.Height, App.MinScreenHeight)
+ ## Disclaimer
 
-                by :
-                Coalesce(vFormFactor.Height,Max(App.Height, App.MinScreenHeight))
+**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
 
-<img width="520" alt="sample_tablet_landscape" src="./assets/sample_tablet_landscape.png" /><img width="206" alt="sample_tablet_portrait.png" src="./assets/sample_tablet_portrait.png" /><img width="150" alt="phone_portrait.png" src="./assets/sample_phone_portrait.png" />
+<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-snippets/power-apps/form-factor-selector" aria-hidden="true" />

power-apps/form-factor-selector/assets/sample.json

@@ -4,12 +4,12 @@
     "name": "pnp-powerplatform-snippets-form-factor",
     "version": "1.0.0.0",
     "source": "pnp",
-    "creationDateTime": "2025-05-18T00:00:00.000Z",
-    "updateDateTime": "2025-05-18T00:00:00.000Z",
-    "title": "Form factor for power apps editor",
-    "shortDescription": "Allow you to change the form factor in edit mode",
+    "creationDateTime": "2025-07-13T00:00:00.000Z",
+    "updateDateTime": "2025-07-13T00:00:00.000Z",
+    "title": "Form Factor selector",
+    "shortDescription": "Allows you to change the form factor in edit mode",
     "longDescription": [
-      "Allow you to change the form factor in edit mode, helping you to design responsive applications. 5 formats are present : smartphone & tablet, landscape & portrait for both plus laptop. You can customize or add your own formats"
+      "Allows you to change the form factor in edit mode, helping you to design responsive applications. 5 formats are present : smartphone & tablet, landscape & portrait for both plus laptop. You can customize or add your own formats"
     ],
     "url": "https://github.com/DavidZoon/powerplatform-snippets/blob/main/power-apps/form-factor-selector/",
     "products": [
@@ -34,14 +34,14 @@
       {
         "type": "image",
         "order": 100,
-        "url": "https://github.com/DavidZoon/powerplatform-snippets/raw/main/power-apps/form-factor-selector/assets/formfactorselector.png",
+        "url": "https://raw.githubusercontent.com/pnp/powerplatform-snippets/main/power-apps/form-factor-selector/assets/formfactorselector.png",
         "alt": "Preview PNG"
       }
     ],
     "authors": [
       {
         "gitHubAccount": "DavidZoon",
-        "name": "Dvid Zoonekyndt",
+        "name": "David Zoonekyndt",
         "pictureUrl": "https://github.com/DavidZoon.png"
       }
     ]