mirror of
https://github.com/zadam/trilium.git
synced 2025-10-29 01:06:36 +01:00
feat(docs): document vertical vs horizontal layout
This commit is contained in:
Elian Doran
@@ -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.
|
||||
Reference in New Issue
Block a user