mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-27 18:12:29 +08:00
feat(docs): document vertical vs horizontal layout
This commit is contained in:
Elian Doran
parent
3a41d8fd11
commit
034998fa97
@ -1665,6 +1665,126 @@
|
||||
],
|
||||
"dirFileName": "UI Elements",
|
||||
"children": [
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "x0JgW8UqGXvq",
|
||||
"notePath": [
|
||||
"pOsGYCXsbNQG",
|
||||
"gh7bpGYxajRS",
|
||||
"Vc8PjrjAGuOp",
|
||||
"x0JgW8UqGXvq"
|
||||
],
|
||||
"title": "Vertical and horizontal layout",
|
||||
"notePosition": 10,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "xYmIYSP6wE3F",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "oPVyFC7WL2Lp",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "Ms1nauBra7gq",
|
||||
"isInheritable": false,
|
||||
"position": 30
|
||||
},
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
"value": "bx bxs-layout",
|
||||
"isInheritable": false,
|
||||
"position": 40
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "x3i7MxGccDuM",
|
||||
"isInheritable": false,
|
||||
"position": 50
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "_lbSettings",
|
||||
"isInheritable": false,
|
||||
"position": 60
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
"dataFileName": "Vertical and horizontal layout.md",
|
||||
"attachments": [
|
||||
{
|
||||
"attachmentId": "7VlCImOtpKzK",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "9sCZBqokn4vf",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "1_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "gw3DaUul5ccI",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "2_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "jhiE5DTkLOCK",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "3_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "JwO3rUNb9tyU",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "4_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "NVjM5z6IsNZf",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "5_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "Z2F8ipVjwugg",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "6_Vertical and horizontal la.png"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "x3i7MxGccDuM",
|
||||
@ -1675,12 +1795,20 @@
|
||||
"x3i7MxGccDuM"
|
||||
],
|
||||
"title": "Global menu",
|
||||
"notePosition": 10,
|
||||
"notePosition": 20,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [],
|
||||
"attributes": [
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "x0JgW8UqGXvq",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
"dataFileName": "Global menu.md",
|
||||
"attachments": [
|
||||
@ -1699,6 +1827,14 @@
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "1_Global menu_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "rCnBqSyldhp9",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "2_Global menu_image.png"
|
||||
}
|
||||
]
|
||||
},
|
||||
@ -1712,7 +1848,7 @@
|
||||
"BlN9DFI679QC"
|
||||
],
|
||||
"title": "Ribbon",
|
||||
"notePosition": 20,
|
||||
"notePosition": 30,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1749,7 +1885,7 @@
|
||||
"4TIF1oA4VQRO"
|
||||
],
|
||||
"title": "Options",
|
||||
"notePosition": 40,
|
||||
"notePosition": 50,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1777,7 +1913,7 @@
|
||||
"oPVyFC7WL2Lp"
|
||||
],
|
||||
"title": "Note Tree",
|
||||
"notePosition": 50,
|
||||
"notePosition": 60,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1853,6 +1989,62 @@
|
||||
"dataFileName": "1_Note Tree_image.png"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "xYmIYSP6wE3F",
|
||||
"notePath": [
|
||||
"pOsGYCXsbNQG",
|
||||
"gh7bpGYxajRS",
|
||||
"Vc8PjrjAGuOp",
|
||||
"xYmIYSP6wE3F"
|
||||
],
|
||||
"title": "Launcher Bar",
|
||||
"notePosition": 70,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
"value": "bx bx-sidebar",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
"dataFileName": "Launcher Bar.md",
|
||||
"attachments": []
|
||||
},
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "Ms1nauBra7gq",
|
||||
"notePath": [
|
||||
"pOsGYCXsbNQG",
|
||||
"gh7bpGYxajRS",
|
||||
"Vc8PjrjAGuOp",
|
||||
"Ms1nauBra7gq"
|
||||
],
|
||||
"title": "Quick search",
|
||||
"notePosition": 80,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
"value": "bx bx-search-alt-2",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
"dataFileName": "Quick search.md",
|
||||
"attachments": []
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 188 B |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 327 B |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 780 B |
Binary file not shown.
|
After Width: | Height: | Size: 367 B |
@ -1,9 +1,8 @@
|
||||
# Global menu
|
||||
The position of the global menu differs based on which layout is selected in settings:
|
||||
The global menu configures the current window (zoom, keeping the window on top) and offers access to some more advanced options.
|
||||
|
||||
* For the vertical layout, the icon is in the top-left of the screen, in the form of the Trilium icon.
|
||||
* For the horizontal layout, the icon is in the top-right of the screen, in form of a hamburger menu icon.
|
||||
|
||||
|
||||
| | |
|
||||
| --- | --- |
|
||||
|  <br> <br>The global menu in the vertical layout. |  <br> <br>The global menu in the horizontal layout. |
|
||||
## Accessing the global menu
|
||||
|
||||
See [Vertical and horizontal layout](Vertical%20and%20horizontal%20layout.md) since the position of the global menu is changed based on which layout has been selected.
|
||||
@ -0,0 +1,4 @@
|
||||
# Launcher Bar
|
||||
## Position of the launcher bar
|
||||
|
||||
It's possible to display the launcher bar either vertically, on the left side of the screen, or horizontally on the top
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 482 B |
@ -0,0 +1,34 @@
|
||||
# Vertical and horizontal layout
|
||||
## Layouts
|
||||
|
||||
Trilium supports two different layouts, based on your preference.
|
||||
|
||||
### Vertical layout
|
||||
|
||||
The vertical layout is Trilium's original layout:
|
||||
|
||||
* The [Launcher Bar](Launcher%20Bar.md) is positioned on the left side of the screen, with buttons being laid out vertically.
|
||||
* The tab bar is at the top, but to the right of the [Note Tree](Note%20Tree.md).
|
||||
* The [Quick search](Quick%20search.md) is at the top of the [Note Tree](Note%20Tree.md).
|
||||
* The [Note Tree](Note%20Tree.md) can be collapsed by pressing the  button at the bottom of the [Launcher Bar](Launcher%20Bar.md).
|
||||
* The [Global menu](Global%20menu.md) can be accessed via the  icon at the top of the [Launcher Bar](Launcher%20Bar.md).
|
||||
|
||||
|
||||
|
||||
### Horizontal layout
|
||||
|
||||
The horizontal layout is a more traditional layout, since it bears similarity with other applications. In this mode:
|
||||
|
||||
* The [Launcher Bar](Launcher%20Bar.md) is at the top of the screen, with the buttons laid horizontally.
|
||||
* The tab bar is at the top of the screen, but now covers the entirety of the width, allowing for more tabs to be displayed at once.
|
||||
* The [Quick search](Quick%20search.md) is now part of the [Launcher Bar](Launcher%20Bar.md). It can be moved around according to preference and even removed if needed.
|
||||
* The [Note Tree](Note%20Tree.md) can be collapsed by pressing the small  button to the left of the first tab.
|
||||
* The [Global menu](Global%20menu.md) can be accessed via the  button at the end of the [Launcher Bar](Launcher%20Bar.md).
|
||||
|
||||
|
||||
|
||||
## Changing the layout
|
||||
|
||||
Go to [Settings](#root/_hidden/_lbRoot/_lbVisibleLaunchers/_lbSettings) and look for the _Appearance_ option on the left. Then look for the _Layout_ section, where there is the possibility to switch between the two available layouts.
|
||||
|
||||
Selecting an option will immediately apply the new layout by reloading the window.
|
||||
206
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
206
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
@ -30,7 +30,7 @@
|
||||
"title": "Advanced Usage",
|
||||
"notePosition": 10,
|
||||
"prefix": null,
|
||||
"isExpanded": true,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
@ -1665,6 +1665,126 @@
|
||||
],
|
||||
"dirFileName": "UI Elements",
|
||||
"children": [
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "x0JgW8UqGXvq",
|
||||
"notePath": [
|
||||
"pOsGYCXsbNQG",
|
||||
"gh7bpGYxajRS",
|
||||
"Vc8PjrjAGuOp",
|
||||
"x0JgW8UqGXvq"
|
||||
],
|
||||
"title": "Vertical and horizontal layout",
|
||||
"notePosition": 10,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "xYmIYSP6wE3F",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "oPVyFC7WL2Lp",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "Ms1nauBra7gq",
|
||||
"isInheritable": false,
|
||||
"position": 30
|
||||
},
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
"value": "bx bxs-layout",
|
||||
"isInheritable": false,
|
||||
"position": 40
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "x3i7MxGccDuM",
|
||||
"isInheritable": false,
|
||||
"position": 50
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "_lbSettings",
|
||||
"isInheritable": false,
|
||||
"position": 60
|
||||
}
|
||||
],
|
||||
"format": "html",
|
||||
"dataFileName": "Vertical and horizontal layout.html",
|
||||
"attachments": [
|
||||
{
|
||||
"attachmentId": "7VlCImOtpKzK",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "9sCZBqokn4vf",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "1_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "gw3DaUul5ccI",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "2_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "jhiE5DTkLOCK",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "3_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "JwO3rUNb9tyU",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "4_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "NVjM5z6IsNZf",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "5_Vertical and horizontal la.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "Z2F8ipVjwugg",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "6_Vertical and horizontal la.png"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "x3i7MxGccDuM",
|
||||
@ -1675,12 +1795,20 @@
|
||||
"x3i7MxGccDuM"
|
||||
],
|
||||
"title": "Global menu",
|
||||
"notePosition": 10,
|
||||
"notePosition": 20,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [],
|
||||
"attributes": [
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "x0JgW8UqGXvq",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
}
|
||||
],
|
||||
"format": "html",
|
||||
"dataFileName": "Global menu.html",
|
||||
"attachments": [
|
||||
@ -1699,6 +1827,14 @@
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "1_Global menu_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "rCnBqSyldhp9",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "2_Global menu_image.png"
|
||||
}
|
||||
]
|
||||
},
|
||||
@ -1712,7 +1848,7 @@
|
||||
"BlN9DFI679QC"
|
||||
],
|
||||
"title": "Ribbon",
|
||||
"notePosition": 20,
|
||||
"notePosition": 30,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1749,7 +1885,7 @@
|
||||
"4TIF1oA4VQRO"
|
||||
],
|
||||
"title": "Options",
|
||||
"notePosition": 40,
|
||||
"notePosition": 50,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1777,7 +1913,7 @@
|
||||
"oPVyFC7WL2Lp"
|
||||
],
|
||||
"title": "Note Tree",
|
||||
"notePosition": 50,
|
||||
"notePosition": 60,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
@ -1853,6 +1989,62 @@
|
||||
"dataFileName": "1_Note Tree_image.png"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "xYmIYSP6wE3F",
|
||||
"notePath": [
|
||||
"pOsGYCXsbNQG",
|
||||
"gh7bpGYxajRS",
|
||||
"Vc8PjrjAGuOp",
|
||||
"xYmIYSP6wE3F"
|
||||
],
|
||||
"title": "Launcher Bar",
|
||||
"notePosition": 70,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
"value": "bx bx-sidebar",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
}
|
||||
],
|
||||
"format": "html",
|
||||
"dataFileName": "Launcher Bar.html",
|
||||
"attachments": []
|
||||
},
|
||||
{
|
||||
"isClone": false,
|
||||
"noteId": "Ms1nauBra7gq",
|
||||
"notePath": [
|
||||
"pOsGYCXsbNQG",
|
||||
"gh7bpGYxajRS",
|
||||
"Vc8PjrjAGuOp",
|
||||
"Ms1nauBra7gq"
|
||||
],
|
||||
"title": "Quick search",
|
||||
"notePosition": 80,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"type": "text",
|
||||
"mime": "text/html",
|
||||
"attributes": [
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
"value": "bx bx-search-alt-2",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
}
|
||||
],
|
||||
"format": "html",
|
||||
"dataFileName": "Quick search.html",
|
||||
"attachments": []
|
||||
}
|
||||
]
|
||||
},
|
||||
@ -1867,7 +2059,7 @@
|
||||
"title": "Note",
|
||||
"notePosition": 40,
|
||||
"prefix": null,
|
||||
"isExpanded": false,
|
||||
"isExpanded": true,
|
||||
"type": "text",
|
||||
"mime": "text/markdown",
|
||||
"attributes": [
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 188 B |
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/2_Global menu_image.png
generated
Normal file
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/2_Global menu_image.png
generated
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 327 B |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 780 B |
Binary file not shown.
|
After Width: | Height: | Size: 367 B |
@ -13,34 +13,15 @@
|
||||
<h1 data-trilium-h1>Global menu</h1>
|
||||
|
||||
<div class="ck-content">
|
||||
<p>The position of the global menu differs based on which layout is selected
|
||||
in settings:</p>
|
||||
<ul>
|
||||
<li>For the vertical layout, the icon is in the top-left of the screen, in
|
||||
the form of the Trilium icon.</li>
|
||||
<li>For the horizontal layout, the icon is in the top-right of the screen,
|
||||
in form of a hamburger menu icon.</li>
|
||||
</ul>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="Global menu_image.png" alt="" />
|
||||
<br />
|
||||
<br />The global menu in the vertical layout.</td>
|
||||
<td>
|
||||
<img src="1_Global menu_image.png" alt="" />
|
||||
<br />
|
||||
<br />The global menu in the horizontal layout.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>The global menu configures the current window (zoom, keeping the window
|
||||
on top) and offers access to some more advanced options.</p>
|
||||
<p>
|
||||
<img src="2_Global menu_image.png" width="245" height="332">
|
||||
</p>
|
||||
<h2>Accessing the global menu</h2>
|
||||
<p>See <a class="reference-link" href="Vertical%20and%20horizontal%20layout.html">Vertical and horizontal layout</a> since
|
||||
the position of the global menu is changed based on which layout has been
|
||||
selected.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
23
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Launcher Bar.html
generated
Normal file
23
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Launcher Bar.html
generated
Normal file
@ -0,0 +1,23 @@
|
||||
<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>Launcher Bar</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1 data-trilium-h1>Launcher Bar</h1>
|
||||
|
||||
<div class="ck-content">
|
||||
<h2>Position of the launcher bar</h2>
|
||||
<p>It's possible to display the launcher bar either vertically, on the left
|
||||
side of the screen, or horizontally on the top</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
19
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Quick search.html
generated
Normal file
19
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Quick search.html
generated
Normal file
@ -0,0 +1,19 @@
|
||||
<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>Quick search</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1 data-trilium-h1>Quick search</h1>
|
||||
|
||||
<div class="ck-content"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 482 B |
@ -0,0 +1,74 @@
|
||||
<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>Vertical and horizontal layout</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1 data-trilium-h1>Vertical and horizontal layout</h1>
|
||||
|
||||
<div class="ck-content">
|
||||
<h2>Layouts</h2>
|
||||
<p>Trilium supports two different layouts, based on your preference.</p>
|
||||
<h3>Vertical layout</h3>
|
||||
<p>The vertical layout is Trilium's original layout:</p>
|
||||
<ul>
|
||||
<li>The <a class="reference-link" href="Launcher%20Bar.html">Launcher Bar</a> is
|
||||
positioned on the left side of the screen, with buttons being laid out
|
||||
vertically.</li>
|
||||
<li>The tab bar is at the top, but to the right of the <a class="reference-link"
|
||||
href="Note%20Tree.html">Note Tree</a>.</li>
|
||||
<li>The <a class="reference-link" href="Quick%20search.html">Quick search</a> is
|
||||
at the top of the <a class="reference-link" href="Note%20Tree.html">Note Tree</a>.</li>
|
||||
<li>The <a class="reference-link" href="Note%20Tree.html">Note Tree</a> can
|
||||
be collapsed by pressing the
|
||||
<img src="6_Vertical and horizontal la.png"
|
||||
width="11" height="11">button at the bottom of the <a class="reference-link" href="Launcher%20Bar.html">Launcher Bar</a>.</li>
|
||||
<li>The <a class="reference-link" href="Global%20menu.html">Global menu</a> can
|
||||
be accessed via the
|
||||
<img src="5_Vertical and horizontal la.png" width="26"
|
||||
height="23">icon at the top of the <a class="reference-link" href="Launcher%20Bar.html">Launcher Bar</a>.</li>
|
||||
</ul>
|
||||
<p>
|
||||
<img src="4_Vertical and horizontal la.png" width="1043" height="684">
|
||||
</p>
|
||||
<h3>Horizontal layout</h3>
|
||||
<p>The horizontal layout is a more traditional layout, since it bears similarity
|
||||
with other applications. In this mode:</p>
|
||||
<ul>
|
||||
<li>The <a class="reference-link" href="Launcher%20Bar.html">Launcher Bar</a> is
|
||||
at the top of the screen, with the buttons laid horizontally.</li>
|
||||
<li>The tab bar is at the top of the screen, but now covers the entirety of
|
||||
the width, allowing for more tabs to be displayed at once.</li>
|
||||
<li>The <a class="reference-link" href="Quick%20search.html">Quick search</a> is
|
||||
now part of the <a class="reference-link" href="Launcher%20Bar.html">Launcher Bar</a>.
|
||||
It can be moved around according to preference and even removed if needed.</li>
|
||||
<li>The <a class="reference-link" href="Note%20Tree.html">Note Tree</a> can
|
||||
be collapsed by pressing the small
|
||||
<img src="2_Vertical and horizontal la.png"
|
||||
width="14" height="13">button to the left of the first tab.</li>
|
||||
<li>The <a class="reference-link" href="Global%20menu.html">Global menu</a> can
|
||||
be accessed via the
|
||||
<img src="1_Vertical and horizontal la.png" width="15"
|
||||
height="11">button at the end of the <a class="reference-link" href="Launcher%20Bar.html">Launcher Bar</a>.</li>
|
||||
</ul>
|
||||
<figure class="image">
|
||||
<img style="aspect-ratio:1043/684;" src="3_Vertical and horizontal la.png"
|
||||
width="1043" height="684">
|
||||
</figure>
|
||||
<h2>Changing the layout</h2>
|
||||
<p>Go to <a class="reference-link" href="#root/_hidden/_lbRoot/_lbVisibleLaunchers/_lbSettings">Settings</a> and
|
||||
look for the <i>Appearance</i> option on the left. Then look for the <i>Layout </i>section,
|
||||
where there is the possibility to switch between the two available layouts.</p>
|
||||
<p>Selecting an option will immediately apply the new layout by reloading
|
||||
the window.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -84,6 +84,9 @@
|
||||
<ul>
|
||||
<li>UI Elements
|
||||
<ul>
|
||||
<li><a href="User%20Guide/Basic%20Concepts/UI%20Elements/Vertical%20and%20horizontal%20layout.html"
|
||||
target="detail">Vertical and horizontal layout</a>
|
||||
</li>
|
||||
<li><a href="User%20Guide/Basic%20Concepts/UI%20Elements/Global%20menu.html"
|
||||
target="detail">Global menu</a>
|
||||
</li>
|
||||
@ -94,6 +97,12 @@
|
||||
<li><a href="User%20Guide/Basic%20Concepts/UI%20Elements/Note%20Tree.html"
|
||||
target="detail">Note Tree</a>
|
||||
</li>
|
||||
<li><a href="User%20Guide/Basic%20Concepts/UI%20Elements/Launcher%20Bar.html"
|
||||
target="detail">Launcher Bar</a>
|
||||
</li>
|
||||
<li><a href="User%20Guide/Basic%20Concepts/UI%20Elements/Quick%20search.html"
|
||||
target="detail">Quick search</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="User%20Guide/Basic%20Concepts/Note.html" target="detail">Note</a>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user