https://www.lets-role.wiki/index.php?action=history&feed=atom&title=Components Components - Historique des versions 2026-05-25T06:23:41Z Historique des versions pour cette page sur le wiki MediaWiki 1.42.1 https://www.lets-role.wiki/index.php?title=Components&diff=52&oldid=prev Neo-Teyrall : ajout des listes d'icones disponible qui ne sont pas tout référencer dans la documentation officiel 2025-09-10T10:55:54Z <p>ajout des listes d&#039;icones disponible qui ne sont pas tout référencer dans la documentation officiel</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 10 septembre 2025 à 12:55</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40">Ligne 40 :</td> <td colspan="2" class="diff-lineno">Ligne 40 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Special ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Special ===</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># '''[https://lets-role.com/help/en/documentation/v1/component/icon Icon]''': displays an icon <del style="font-weight: bold; text-decoration: none;"> </del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># '''[https://lets-role.com/help/en/documentation/v1/component/icon Icon]''': displays an icon<ins style="font-weight: bold; text-decoration: none;">, the available icons are [https://fontawesome.com/v5/search?o=r&amp;m=free&amp;s=solid list1] [https://game-icons.net/ liste2]</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># '''[https://lets-role.com/help/en/documentation/v1/component/avatar Avatar]''': inserts an image into the character sheet <del style="font-weight: bold; text-decoration: none;"> </del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>#''' [https://lets-role.com/help/en/documentation/v1/component/avatar Avatar]''': inserts an image into the character sheet</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># '''[https://lets-role.com/help/en/documentation/v1/component/color Color]''': allows selecting a color <del style="font-weight: bold; text-decoration: none;"> </del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>#'''[https://lets-role.com/help/en/documentation/v1/component/color Color]''': allows selecting a color</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Component Tutorials ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Component Tutorials ==</div></td></tr> </table> Neo-Teyrall https://www.lets-role.wiki/index.php?title=Components&diff=30&oldid=prev Neo-Teyrall : ajout du lien pour le tuto sur les bouton 2025-08-31T18:30:18Z <p>ajout du lien pour le tuto sur les bouton</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 31 août 2025 à 20:30</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l49">Ligne 49 :</td> <td colspan="2" class="diff-lineno">Ligne 49 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use tabs]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use tabs]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use repeaters]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use repeaters]]</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"># [[Button|Create buttons]]</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Show or hide components]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Show or hide components]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [https://lets-role.com/help/fr/documentation/v1/component/avatar Configure the avatar properly]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [https://lets-role.com/help/fr/documentation/v1/component/avatar Configure the avatar properly]</div></td></tr> </table> Neo-Teyrall https://www.lets-role.wiki/index.php?title=Components&diff=26&oldid=prev Neo-Teyrall : ajout des lien vers les tuto 2025-08-29T11:41:53Z <p>ajout des lien vers les tuto</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 29 août 2025 à 13:41</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l48">Ligne 48 :</td> <td colspan="2" class="diff-lineno">Ligne 48 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use lists]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use lists]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use tabs]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># [[Use tabs]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Use repeaters <del style="font-weight: bold; text-decoration: none;"> </del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># <ins style="font-weight: bold; text-decoration: none;">[[</ins>Use repeaters<ins style="font-weight: bold; text-decoration: none;">]]</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Show or hide components <del style="font-weight: bold; text-decoration: none;"> </del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># <ins style="font-weight: bold; text-decoration: none;">[[</ins>Show or hide components<ins style="font-weight: bold; text-decoration: none;">]]</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Configure the avatar properly</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># <ins style="font-weight: bold; text-decoration: none;">[https://lets-role.com/help/fr/documentation/v1/component/avatar </ins>Configure the avatar properly<ins style="font-weight: bold; text-decoration: none;">]</ins></div></td></tr> </table> Neo-Teyrall https://www.lets-role.wiki/index.php?title=Components&diff=22&oldid=prev Neo-Teyrall : Premier jet de la page sur les composant 2025-08-28T20:34:44Z <p>Premier jet de la page sur les composant</p> <p><b>Nouvelle page</b></p><div>= Components =<br /> <br /> This section describes the different available components.<br /> <br /> == Component List ==<br /> <br /> Each component has:<br /> * &#039;&#039;&#039;id&#039;&#039;&#039;: a unique identifier <br /> * &#039;&#039;&#039;name&#039;&#039;&#039;: the name of the component, useful for navigating the hierarchy <br /> * &#039;&#039;&#039;class&#039;&#039;&#039;: Bootstrap classes used to format the document <br /> <br /> === Root ===<br /> * The root contains properties related to the window’s width and height <br /> * 3 Checkboxes<br /> ** is a craft <br /> * Can be used on the map <br /> * Can be drag&amp;dropped onto another sheet <br /> * ID of the avatar component <br /> <br /> === Layout ===<br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/row Row]&#039;&#039;&#039;: designed to contain multiple &#039;&#039;columns&#039;&#039; and organize them automatically <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/column Column]&#039;&#039;&#039;: child of a &#039;&#039;row&#039;&#039;. It has the &#039;&#039;&#039;size&#039;&#039;&#039; property (1–12) that defines its relative width <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/container Container]&#039;&#039;&#039;: can contain and organize its child components, either horizontally or vertically, depending on the &#039;&#039;layout&#039;&#039; property <br /> <br /> === Form ===<br /> Form containers are used to create character sheets with editable fields.<br /> <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/label Label]&#039;&#039;&#039;: displays text <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/number-input NumberInput]&#039;&#039;&#039;: numeric-only input field <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/text-input TextInput]&#039;&#039;&#039;: editable field for entering text <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/textarea Textarea]&#039;&#039;&#039;: multi-line text area (non-editable) <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/checkbox Checkbox]&#039;&#039;&#039;: a checkable box <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/choice Choice]&#039;&#039;&#039;: a dropdown list to select an element from several options <br /> <br /> === Container ===<br /> Containers allow grouping multiple views.<br /> <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/repeater Repeater]&#039;&#039;&#039;: dynamically adds views. Perfect for managing inventories or skill lists <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/tabs Tab]&#039;&#039;&#039;: manages multiple tabs to better organize a character sheet <br /> <br /> === Special ===<br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/icon Icon]&#039;&#039;&#039;: displays an icon <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/avatar Avatar]&#039;&#039;&#039;: inserts an image into the character sheet <br /> # &#039;&#039;&#039;[https://lets-role.com/help/en/documentation/v1/component/color Color]&#039;&#039;&#039;: allows selecting a color <br /> <br /> == Component Tutorials ==<br /> # [[Styling character sheets with classes|Build character sheets with Bootstrap]]<br /> # [[Use lists]]<br /> # [[Use tabs]]<br /> # Use repeaters <br /> # Show or hide components <br /> # Configure the avatar properly</div> Neo-Teyrall