Fix tile-gallery

Author: Laskewitz

power-apps/tile-gallery/README.md

@@ -1,6 +1,6 @@
-# Power Apps (YAML) Snippet
+# Tile Gallery
 
-This snippet shows a tile like gallery screen. You can use that screen as a homescreen for example and navigate from there to different screens. The screen is fully responsive
+This snippet shows a tile like gallery screen. You can use that screen as a homescreen for example and navigate from there to different screens. The screen is fully responsive.
 
 ## Authors
 
@@ -12,15 +12,17 @@ Markus Franz | [Github](https://github.com/Mmbr1606) ([LinkedIN](https://www.lin
 ## Minimal path to awesome
 
 1. Open your canvas app in **Power Apps**
-1. Copy the contents of the **[YAML-file](./source/X.yaml)** 
+1. Copy the contents of the **[YAML-file](./source/tilegallery.yaml)** 
 1. Right click on the screen where you want to add the snippet and select "Paste"
 
+![](./assets/paste.png)
 
 After you copied the Yaml to your screen make sure to turn the scale to fit setting off, so you can enjoy the full responsiveness.
 
 In the Items Property set the right values for the table.
 Following is a sample code of what i used in a different app:
 
+```
 [
     {
         Title: "Word",
@@ -32,15 +34,17 @@ Following is a sample code of what i used in a different app:
         Image: 'ms-excel-svgrepo-com',
         Screen: GalleryScreen
 
-    }]
+    }
+]
+```
 
 If you want more or less items in the gallery simply add or remove records from the table.
 
-For the button OnSelect property (that is inserted over the image of the gallery) set it to: Navigate(ThisItem.Screen).
+For the button `OnSelect` property (that is inserted over the image of the gallery) set it to: `Navigate(ThisItem.Screen)`.
 
-To show the respective images upload them to your app. Once you uploaded the images make sure to pick the right ones in your table (Items property of the gallery like shown above example: 'ms-excel-svgrepo-com'). Once you did that you can simply use ThisItem.Image in the Image property of your gallery control.
+To show the respective images upload them to your app. Once you uploaded the images make sure to pick the right ones in your table (`Items` property of the gallery like shown above example: `'ms-excel-svgrepo-com'`). Once you did that you can simply use `ThisItem.Image` in the `Image` property of your gallery control.
 
-Also change the Text in the Text property of the labels in the header. I used the name of the app in the left one and the Name of the logged in user with User().FullName in the right one.
+Also change the Text in the Text property of the labels in the header. I used the name of the app in the left one and the Name of the logged in user with `User().FullName` in the right one.
 
 ## Disclaimer
 

power-apps/tile-gallery/assets/README.md

@@ -0,0 +1,45 @@
+[
+  {
+    "$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json",
+    "name": "pnp-powerplatform-snippets-tile-gallery",
+    "version": "1.0.0.0",
+    "source": "pnp",
+    "creationDateTime": "2025-08-05T00:00:00.000Z",
+    "updateDateTime": "2025-08-05T00:00:00.000Z",
+    "title": "Tile Gallery",
+    "shortDescription": "This snippet shows a tile like gallery screen. You can use that screen as a homescreen for example and navigate from there to different screens.",
+    "longDescription": [
+      "This snippet shows a tile like gallery screen. You can use that screen as a homescreen for example and navigate from there to different screens. The screen is fully responsive."
+    ],
+    "url": "https://github.com/pnp/powerplatform-snippets/tree/main/power-apps/tile-gallery/",
+    "products": [
+      "Power Platform",
+      "Power Apps",
+      "powerplatform-snippets",
+      "power-apps-snippets"
+    ],
+    "tags": [ ],
+    "categories": [ ],
+    "metadata": [
+      {
+        "key": "Product",
+        "value": "Power Apps"
+      }
+    ],
+    "thumbnails": [
+      {
+        "type": "image",
+        "order": 100,
+        "url": "https://raw.githubusercontent.com/pnp/powerplatform-snippets/main/power-apps/tile-gallery/assets/tilegallery.png",
+        "alt": "Preview PNG"
+      }
+    ],
+    "authors": [
+      {
+        "gitHubAccount": "Mmbr1606",
+        "name": "Markus Franz",
+        "pictureUrl": "https://github.com/Mmbr1606.png"
+      }
+    ]
+  }
+]