Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

feat(docs): document tabs

Browse Source
This commit is contained in:
Elian Doran
2025-04-04 20:55:11 +03:00
parent 92c1dd1177
commit c8f2798fc2
13 changed files with 273 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
docs/User Guide/!!!meta.json
View File

@@ -1426,6 +1426,80 @@
} }
] ]
}, },
{
"isClone": false,
"noteId": "3seOhtN8uLIY",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"3seOhtN8uLIY"
],
"title": "Tabs",
"notePosition": 50,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-dock-top",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "luNhaphA37EO",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "x0JgW8UqGXvq",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 40
}
],
"format": "markdown",
"dataFileName": "Tabs.md",
"attachments": [
{
"attachmentId": "b4aCeUxoyA9k",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Tabs_image.png"
},
{
"attachmentId": "bSaBdT5sH1S7",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Tabs_image.png"
},
{
"attachmentId": "HffqAHhqe69i",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_Tabs_image.png"
}
]
},
{ {
"isClone": false, "isClone": false,
"noteId": "xYmIYSP6wE3F", "noteId": "xYmIYSP6wE3F",
@@ -1436,7 +1510,7 @@
"xYmIYSP6wE3F" "xYmIYSP6wE3F"
], ],
"title": "Launch Bar", "title": "Launch Bar",
"notePosition": 80, "notePosition": 90,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1529,7 +1603,7 @@
"Ms1nauBra7gq" "Ms1nauBra7gq"
], ],
"title": "Quick search", "title": "Quick search",
"notePosition": 90, "notePosition": 100,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1557,7 +1631,7 @@
"8YBEPzcpUgxw" "8YBEPzcpUgxw"
], ],
"title": "Note buttons", "title": "Note buttons",
"notePosition": 100, "notePosition": 110,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1622,7 +1696,7 @@
"4TIF1oA4VQRO" "4TIF1oA4VQRO"
], ],
"title": "Options", "title": "Options",
"notePosition": 110, "notePosition": 120,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1650,7 +1724,7 @@
"luNhaphA37EO" "luNhaphA37EO"
], ],
"title": "Split View", "title": "Split View",
"notePosition": 120, "notePosition": 130,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1662,6 +1736,13 @@
"value": "bx bx-dock-right", "value": "bx bx-dock-right",
"isInheritable": false, "isInheritable": false,
"position": 10 "position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "3seOhtN8uLIY",
"isInheritable": false,
"position": 20
} }
], ],
"format": "markdown", "format": "markdown",

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/1_Tabs_image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 475 B

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_Tabs_image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

1
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Split View.md
View File

@@ -10,3 +10,4 @@ In Trilium, is possible to work with two or more notes side-by-side.
* Only horizontal splits are possible, vertical or drag & dropping is not supported. * Only horizontal splits are possible, vertical or drag & dropping is not supported.
* When at least one split is open, press the ![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/3_Split%20View_image.png)![](Split%20View_3_Split%20View_im.png) button next to it to close it. * When at least one split is open, press the ![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/3_Split%20View_image.png)![](Split%20View_3_Split%20View_im.png) button next to it to close it.
* Use the ![](Split%20View_4_Split%20View_im.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/4_Split%20View_image.png) or the ![](Split%20View_1_Split%20View_im.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/1_Split%20View_image.png) button to move around the splits. * Use the ![](Split%20View_4_Split%20View_im.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/4_Split%20View_image.png) or the ![](Split%20View_1_Split%20View_im.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/1_Split%20View_image.png) button to move around the splits.
* Each [tab](Tabs.md) has its own split view configuration (e.g. one tab can have two notes in a split view, whereas the others are one-note views).

30
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs.md Normal file
View File

@@ -0,0 +1,30 @@
# Tabs
![](2_Tabs_image.png)
In Trilium, tabs allow easy switching between notes.
## Layout
Depending on the [Vertical and horizontal layout](Vertical%20and%20horizontal%20layout.md):
* For the vertical layout, the tabs will be placed at the top but to the right of the [Note Tree](Note%20Tree.md).
* For the horizontal layout, the tabs will be placed at the top in full-width, above the [Note Tree](Note%20Tree.md), allowing for more tabs to be comfortably displayed.
## Interaction
* To create a new tab, press the ![](1_Tabs_image.png) button that is to the right of the last tab.
* To close a tab, press the corresponding ![](Tabs_image.png) button.
* For multitasking, tabs can be used alongside [Split View](Split%20View.md). Each tab can have one or more notes, displayed horizontally.
* Tabs can be reordered by drag-and-dropping it into a new position.
* An existing tab can be displayed in a new window by dragging the tab upwards or downwards. It is not possible to combine tabs back into another window.
## Keyboard interaction
Since tabs are a commonly used feature, there are multiple keyboard shortcuts that can be used:
* <kbd>Ctrl</kbd>+<kbd>T</kbd> to open a new tab.
* <kbd>Ctrl</kbd>+<kbd>W</kbd> to close the current tab.
* <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>T</kbd> to reopen the last closed tab.
* <kbd>Ctrl</kbd>+<kbd>Tab</kbd> and <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Tab</kbd> to go to the next or previous tab.
* <kbd>Ctrl</kbd>+<kbd>1</kbd>, <kbd>Ctrl</kbd>+<kbd>2</kbd>, up to <kbd>Ctrl</kbd>+<kbd>9</kbd> to activate the first, second and up til ninth tab.
* There is also a shortcut to go to the last tab, but it is not assigned a key by default.

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs_image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 B

91
src/public/app/doc_notes/en/User Guide/!!!meta.json generated
View File

@@ -1426,6 +1426,80 @@
} }
] ]
}, },
{
"isClone": false,
"noteId": "3seOhtN8uLIY",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"3seOhtN8uLIY"
],
"title": "Tabs",
"notePosition": 50,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-dock-top",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "luNhaphA37EO",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "x0JgW8UqGXvq",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 40
}
],
"format": "html",
"dataFileName": "Tabs.html",
"attachments": [
{
"attachmentId": "b4aCeUxoyA9k",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Tabs_image.png"
},
{
"attachmentId": "bSaBdT5sH1S7",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Tabs_image.png"
},
{
"attachmentId": "HffqAHhqe69i",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_Tabs_image.png"
}
]
},
{ {
"isClone": false, "isClone": false,
"noteId": "xYmIYSP6wE3F", "noteId": "xYmIYSP6wE3F",
@@ -1436,7 +1510,7 @@
"xYmIYSP6wE3F" "xYmIYSP6wE3F"
], ],
"title": "Launch Bar", "title": "Launch Bar",
"notePosition": 80, "notePosition": 90,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1529,7 +1603,7 @@
"Ms1nauBra7gq" "Ms1nauBra7gq"
], ],
"title": "Quick search", "title": "Quick search",
"notePosition": 90, "notePosition": 100,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1557,7 +1631,7 @@
"8YBEPzcpUgxw" "8YBEPzcpUgxw"
], ],
"title": "Note buttons", "title": "Note buttons",
"notePosition": 100, "notePosition": 110,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1622,7 +1696,7 @@
"4TIF1oA4VQRO" "4TIF1oA4VQRO"
], ],
"title": "Options", "title": "Options",
"notePosition": 110, "notePosition": 120,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1650,7 +1724,7 @@
"luNhaphA37EO" "luNhaphA37EO"
], ],
"title": "Split View", "title": "Split View",
"notePosition": 120, "notePosition": 130,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@@ -1662,6 +1736,13 @@
"value": "bx bx-dock-right", "value": "bx bx-dock-right",
"isInheritable": false, "isInheritable": false,
"position": 10 "position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "3seOhtN8uLIY",
"isInheritable": false,
"position": 20
} }
], ],
"format": "html", "format": "html",

BIN
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/1_Tabs_image.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 475 B

BIN
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_Tabs_image.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

3
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Split View.html generated
View File

@@ -44,6 +44,9 @@
<img src="Split View_1_Split View_im.png" width="7" height="10"> <img src="Split View_1_Split View_im.png" width="7" height="10">
<img src="https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/1_Split%20View_image.png" <img src="https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/1_Split%20View_image.png"
alt="">button to move around the splits.</li> alt="">button to move around the splits.</li>
<li>Each <a href="Tabs.html">tab</a> has its own split view configuration (e.g.
one tab can have two notes in a split view, whereas the others are one-note
views).</li>
</ul> </ul>
</div> </div>
</div> </div>

63
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs.html generated Normal file
View File

@@ -0,0 +1,63 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../style.css">
<base target="_parent">
<title data-trilium-title>Tabs</title>
</head>
<body>
<div class="content">
<h1 data-trilium-h1>Tabs</h1>
<div class="ck-content">
<figure class="image">
<img style="aspect-ratio:1119/43;" src="2_Tabs_image.png" width="1119"
height="43">
</figure>
<p>In Trilium, tabs allow easy switching between notes.</p>
<h2>Layout</h2>
<p>Depending on the&nbsp;<a class="reference-link" href="Vertical%20and%20horizontal%20layout.html">Vertical and horizontal layout</a>:</p>
<ul>
<li>For the vertical layout, the tabs will be placed at the top but to the
right of the&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>.</li>
<li>For the horizontal layout, the tabs will be placed at the top in full-width,
above the&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>,
allowing for more tabs to be comfortably displayed.</li>
</ul>
<h2>Interaction</h2>
<ul>
<li>To create a new tab, press the
<img src="1_Tabs_image.png" width="24" height="24">button that is to the right of the last tab.</li>
<li>To close a tab, press the corresponding
<img src="Tabs_image.png" width="9"
height="8">button.</li>
<li>For multitasking, tabs can be used alongside&nbsp;<a class="reference-link"
href="Split%20View.html">Split View</a>. Each tab can have one or more
notes, displayed horizontally.</li>
<li>Tabs can be reordered by drag-and-dropping it into a new position.</li>
<li>An existing tab can be displayed in a new window by dragging the tab upwards
or downwards. It is not possible to combine tabs back into another window.</li>
</ul>
<h2>Keyboard interaction</h2>
<p>Since tabs are a commonly used feature, there are multiple keyboard shortcuts
that can be used:</p>
<ul>
<li><kbd>Ctrl</kbd>+<kbd>T</kbd> to open a new tab.</li>
<li><kbd>Ctrl</kbd>+<kbd>W</kbd> to close the current tab.</li>
<li><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>T</kbd> to reopen the last closed
tab.</li>
<li><kbd>Ctrl</kbd>+<kbd>Tab</kbd> and <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Tab</kbd> to
go to the next or previous tab.</li>
<li><kbd>Ctrl</kbd>+<kbd>1</kbd>, <kbd>Ctrl</kbd>+<kbd>2</kbd>, up to <kbd>Ctrl</kbd>+<kbd>9</kbd> to
activate the first, second and up til ninth tab.</li>
<li>There is also a shortcut to go to the last tab, but it is not assigned
a key by default.</li>
</ul>
</div>
</div>
</body>
</html>

BIN
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs_image.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 B

3
src/public/app/doc_notes/en/User Guide/navigation.html generated
View File

@@ -91,6 +91,9 @@
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.html" <li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.html"
target="detail">Ribbon</a> target="detail">Ribbon</a>
</li> </li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Tabs.html"
target="detail">Tabs</a>
</li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Launch%20Bar.html" <li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Launch%20Bar.html"
target="detail">Launch Bar</a> target="detail">Launch Bar</a>
</li> </li>