https://www.lets-role.wiki/index.php?action=history&feed=atom&title=Use_tabsUse tabs - Historique des versions2026-05-25T04:43:44ZHistorique des versions pour cette page sur le wikiMediaWiki 1.42.1https://www.lets-role.wiki/index.php?title=Use_tabs&diff=110&oldid=prevNeo-Teyrall : ajout d’un lien2025-10-09T14:05:32Z<p>ajout d’un lien</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 9 octobre 2025 à 16:05</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l28">Ligne 28 :</td>
<td colspan="2" class="diff-lineno">Ligne 28 :</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>== Step 5: Create subviews ==</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>== Step 5: Create subviews ==</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>For each Tab, create a '''Subview''' ('''Create a new view''' → Type '''SubComponent''').</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>For each Tab, create a '''Subview''' ('''<ins style="font-weight: bold; text-decoration: none;">[[Manage views|</ins>Create a new view<ins style="font-weight: bold; text-decoration: none;">]]</ins>''' → Type '''SubComponent''').</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>* Use the '''id''' corresponding to the ''view'' column</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 the '''id''' corresponding to the ''view'' column</div></td></tr>
</table>Neo-Teyrallhttps://www.lets-role.wiki/index.php?title=Use_tabs&diff=23&oldid=prevNeo-Teyrall : Premier jet d'un tuto pour un tuto pour le composant tabs2025-08-24T17:15:45Z<p>Premier jet d'un tuto pour un tuto pour le composant tabs</p>
<p><b>Nouvelle page</b></p><div>= Using Tabs =<br />
<br />
== Step 1: Insert the Tab component ==<br />
Insert a '''Tab''' component in your main view. You don’t need to place anything else inside the view.<br />
<br />
== Step 2: Create a table ==<br />
Create a new '''Table''' (click on '''Tables''' on the right of '''Views''' in the ''SystemBuilder''). This table should contain:<br />
<br />
* an '''id''' column<br />
* a '''title''' column<br />
* a '''view''' column<br />
<br />
Add one row for each Tab you want to include in your Tab component (see image 3).<br />
<br />
== Step 3: Link the table to the Tab component ==<br />
Select your Tab component (in the main view) and fill in the following fields:<br />
<br />
* '''Table''' → your created table<br />
* '''Title''' → the ''title'' column<br />
* '''View ID''' → the ''view'' column<br />
<br />
== Step 4: Customize the display ==<br />
You can customize how the Tabs are displayed:<br />
<br />
* Show Tabs as a column instead of a row (check '''Vertical''')<br />
* Display labels vertically (check '''Vertical text''')<br />
* Show Tab labels on the right instead of the left (via the drop-down menu)<br />
<br />
== Step 5: Create subviews ==<br />
For each Tab, create a '''Subview''' ('''Create a new view''' → Type '''SubComponent''').<br />
<br />
* Use the '''id''' corresponding to the ''view'' column<br />
* Optional: use the ''title'' column value as the subview name<br />
<br />
These subviews will contain the content of each Tab.</div>Neo-Teyrall