mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-08-10 10:22:29 +08:00
feat(docs): document tabs
This commit is contained in:
Elian Doran
parent
92c1dd1177
commit
c8f2798fc2
@ -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,
|
||||
"noteId": "xYmIYSP6wE3F",
|
||||
@ -1436,7 +1510,7 @@
|
||||
"xYmIYSP6wE3F"
|
||||
],
|
||||
"title": "Launch Bar",
|
||||
"notePosition": 80,
|
||||
"notePosition": 90,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1529,7 +1603,7 @@
|
||||
"Ms1nauBra7gq"
|
||||
],
|
||||
"title": "Quick search",
|
||||
"notePosition": 90,
|
||||
"notePosition": 100,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1557,7 +1631,7 @@
|
||||
"8YBEPzcpUgxw"
|
||||
],
|
||||
"title": "Note buttons",
|
||||
"notePosition": 100,
|
||||
"notePosition": 110,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1622,7 +1696,7 @@
|
||||
"4TIF1oA4VQRO"
|
||||
],
|
||||
"title": "Options",
|
||||
"notePosition": 110,
|
||||
"notePosition": 120,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1650,7 +1724,7 @@
|
||||
"luNhaphA37EO"
|
||||
],
|
||||
"title": "Split View",
|
||||
"notePosition": 120,
|
||||
"notePosition": 130,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1662,6 +1736,13 @@
|
||||
"value": "bx bx-dock-right",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "3seOhtN8uLIY",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 475 B |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
@ -9,4 +9,5 @@ In Trilium, is possible to work with two or more notes side-by-side.
|
||||
* It is possible to have as many splits as desired, simply press again the button.
|
||||
* Only horizontal splits are possible, vertical or drag & dropping is not supported.
|
||||
* When at least one split is open, press the  button next to it to close it.
|
||||
* Use the  or the  button to move around the splits.
|
||||
* Use the  or the  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).
|
||||
@ -0,0 +1,30 @@
|
||||
# Tabs
|
||||
|
||||
|
||||
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  button that is to the right of the last tab.
|
||||
* To close a tab, press the corresponding  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.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 224 B |
91
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
91
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
@ -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,
|
||||
"noteId": "xYmIYSP6wE3F",
|
||||
@ -1436,7 +1510,7 @@
|
||||
"xYmIYSP6wE3F"
|
||||
],
|
||||
"title": "Launch Bar",
|
||||
"notePosition": 80,
|
||||
"notePosition": 90,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1529,7 +1603,7 @@
|
||||
"Ms1nauBra7gq"
|
||||
],
|
||||
"title": "Quick search",
|
||||
"notePosition": 90,
|
||||
"notePosition": 100,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1557,7 +1631,7 @@
|
||||
"8YBEPzcpUgxw"
|
||||
],
|
||||
"title": "Note buttons",
|
||||
"notePosition": 100,
|
||||
"notePosition": 110,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1622,7 +1696,7 @@
|
||||
"4TIF1oA4VQRO"
|
||||
],
|
||||
"title": "Options",
|
||||
"notePosition": 110,
|
||||
"notePosition": 120,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1650,7 +1724,7 @@
|
||||
"luNhaphA37EO"
|
||||
],
|
||||
"title": "Split View",
|
||||
"notePosition": 120,
|
||||
"notePosition": 130,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1662,6 +1736,13 @@
|
||||
"value": "bx bx-dock-right",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "3seOhtN8uLIY",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
}
|
||||
],
|
||||
"format": "html",
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 475 B |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
@ -44,6 +44,9 @@
|
||||
<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"
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
63
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs.html
generated
Normal file
63
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs.html
generated
Normal 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 <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 <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 <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 <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
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs_image.png
generated
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 B |
@ -91,6 +91,9 @@
|
||||
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.html"
|
||||
target="detail">Ribbon</a>
|
||||
</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"
|
||||
target="detail">Launch Bar</a>
|
||||
</li>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user