From df70fd772f44d55b6ee893f153085c99c9c4832d Mon Sep 17 00:00:00 2001
From: BlackyHawky <blackyhawky@protonmail.com>
Date: Thu, 3 Oct 2024 19:19:26 +0200
Subject: [PATCH] Updated Layouts (markdown)

---
 Layouts.md | 42 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/Layouts.md b/Layouts.md
index f0847b3..e9ac888 100644
--- a/Layouts.md
+++ b/Layouts.md
@@ -308,4 +308,44 @@ Here are the different classes:
 
 # Examples of JSON files
 
-[Here](https://github.com/Helium314/HeliBoard/discussions/1132#discussion-7260853) are some sample JSON files that customize all the keyboard views.
\ No newline at end of file
+[Here](https://github.com/Helium314/HeliBoard/discussions/1132#discussion-7260853) are some sample JSON files that customize all the keyboard views.
+
+# Tips
+
+* To hide a hint for a specific key, add the code `{ "type": "placeholder" }` to the first position when editing popup labels. The hint will not appear regardless of Heliboard settings
+
+   <details>
+   <summary><b><i>Click to see example to hide key hint</i></b></summary>
+   <br>
+
+   ```json
+   { "label": "a", "width": 0.1, "type": "normal", "popup": { "relevant":
+     [
+   // The comma will not be displayed on the key
+       { "type": "placeholder" },
+       { "label": "," },
+       { "label": "?" },
+       { "label": "!" },
+       { "label": "#" }
+     ] }
+   }
+   ```
+   </details>
+
+* To find specific code point:
+  * Go to the [UnicodePlus](https://unicodeplus.com/) website
+  * Search for the desired character, e.g. a `space` or the letter `a`
+  * Read the HTML value of the desired character; in our example, `&#32;` for the `space` and `&#97;` for the `a` character
+  * Simply remove the `&`, `#` and `;` characters from the HTML value to find the code point
+<br><br>
+   <details>
+   <summary><b><i>Click to see example with code point values</i></b></summary>
+   <br>
+
+   ```json
+  // Keyboard view space bar with numpad view space bar icon
+  { "label": "!icon/space_key_for_number_layout|!code/32", "labelFlags": 4, "width": -1 },
+  // @ is displayed on the key, but the letter a will be written
+  { "label": "@|!code/97", "width": -1 }
+   ```
+   </details>