For more information, consult the dedicated page.
In previous versions of Trilium, the title bar was fixed at all times.
In the new layout, there is both a fixed title bar and one that scrolls
with the text. The newly introduced title is called the Inline title and
@@ -38,45 +37,46 @@ class="image">
can be scrolled past.
When a new Text or Code note is created, a note type switcher will appear below the Inline title. Apart from changing the note type, it's also possible to apply a template.
The switcher will disappear as soon as a text is entered.
-
-
-
+ 
+
Note badges appear near the fixed note title and indicate important information about the note such as whether it is read-only. Some of the badges are also interactive.
The following badges are available:
Some of these badges replace the dedicated panels at the top of the note.
The following sections have been made collapsible:
+ To the right of the note title, a temporary indicators appears after making
+ a change to the document that indicates whether the document has been saved.
It indicates the following states:
+Unsaved, if the changes will be saved soon.
+Saving, if the changes are being saved.
+Saved, if all the changes were successfully saved to the server.
+Error, if the changes could not be saved, for example due to + a communication server with the server.
+After all changes have been saved, the indicator will hide automatically + after a few seconds.
The most significant change is the removal of the ribbon. All the actions @@ -115,75 +139,78 @@ class="image">
Here's how all the different tabs that were once part of the ribbon are now available in the new layout:
#pageUrl).#pageUrl).The sidebar (also known as the right pane) also received some important
diff --git a/docs/User Guide/!!!meta.json b/docs/User Guide/!!!meta.json
index 2553f6e55..272c4dbfe 100644
--- a/docs/User Guide/!!!meta.json
+++ b/docs/User Guide/!!!meta.json
@@ -3642,7 +3642,7 @@
"dataFileName": "1_New Layout_image.png"
},
{
- "attachmentId": "KvNAEoJjRhyr",
+ "attachmentId": "a7dHjn9Uqvsc",
"title": "image.png",
"role": "image",
"mime": "image/png",
@@ -3650,7 +3650,7 @@
"dataFileName": "2_New Layout_image.png"
},
{
- "attachmentId": "lEKxf6dYMG6u",
+ "attachmentId": "KvNAEoJjRhyr",
"title": "image.png",
"role": "image",
"mime": "image/png",
@@ -3658,7 +3658,7 @@
"dataFileName": "3_New Layout_image.png"
},
{
- "attachmentId": "SYOTVGCyx749",
+ "attachmentId": "lEKxf6dYMG6u",
"title": "image.png",
"role": "image",
"mime": "image/png",
@@ -3666,12 +3666,20 @@
"dataFileName": "4_New Layout_image.png"
},
{
- "attachmentId": "wCwzwfGspejR",
+ "attachmentId": "SYOTVGCyx749",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "5_New Layout_image.png"
+ },
+ {
+ "attachmentId": "wCwzwfGspejR",
+ "title": "image.png",
+ "role": "image",
+ "mime": "image/png",
+ "position": 10,
+ "dataFileName": "6_New Layout_image.png"
}
],
"dirFileName": "New Layout",
@@ -9979,87 +9987,94 @@
{
"type": "relation",
"name": "internalLink",
- "value": "iPIMuisry3hd",
+ "value": "XJGJrpu7F9sh",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
- "value": "0Ofbk1aSuVRu",
+ "value": "iPIMuisry3hd",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
- "value": "XpOYSgsLkTJy",
+ "value": "0Ofbk1aSuVRu",
"isInheritable": false,
"position": 40
},
{
"type": "relation",
"name": "internalLink",
- "value": "wX4HbRucYSDD",
+ "value": "XpOYSgsLkTJy",
"isInheritable": false,
"position": 50
},
{
"type": "relation",
"name": "internalLink",
- "value": "ODY7qQn5m2FT",
+ "value": "wX4HbRucYSDD",
"isInheritable": false,
"position": 60
},
{
"type": "relation",
"name": "internalLink",
- "value": "mHbBMPDPkVV5",
+ "value": "ODY7qQn5m2FT",
"isInheritable": false,
"position": 70
},
{
"type": "relation",
"name": "internalLink",
- "value": "6f9hih2hXXZk",
+ "value": "mHbBMPDPkVV5",
"isInheritable": false,
"position": 80
},
{
"type": "relation",
"name": "internalLink",
- "value": "BlN9DFI679QC",
+ "value": "6f9hih2hXXZk",
"isInheritable": false,
"position": 90
},
{
"type": "relation",
"name": "internalLink",
- "value": "0vhv7lsOLy82",
+ "value": "BlN9DFI679QC",
"isInheritable": false,
"position": 100
},
{
"type": "relation",
"name": "internalLink",
- "value": "8YBEPzcpUgxw",
+ "value": "0vhv7lsOLy82",
"isInheritable": false,
"position": 110
},
{
"type": "relation",
"name": "internalLink",
- "value": "0ESUbbAxVnoK",
+ "value": "8YBEPzcpUgxw",
"isInheritable": false,
"position": 120
},
{
"type": "relation",
"name": "internalLink",
- "value": "nBAXQFj20hS1",
+ "value": "0ESUbbAxVnoK",
"isInheritable": false,
"position": 130
},
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "nBAXQFj20hS1",
+ "isInheritable": false,
+ "position": 140
+ },
{
"type": "label",
"name": "shareAlias",
@@ -10073,13 +10088,6 @@
"value": "bx bx-file-blank",
"isInheritable": false,
"position": 140
- },
- {
- "type": "relation",
- "name": "internalLink",
- "value": "XJGJrpu7F9sh",
- "isInheritable": false,
- "position": 150
}
],
"format": "markdown",
@@ -10152,47 +10160,47 @@
"type": "text",
"mime": "text/html",
"attributes": [
- {
- "type": "label",
- "name": "iconClass",
- "value": "bx bxs-file-pdf",
- "isInheritable": false,
- "position": 30
- },
- {
- "type": "relation",
- "name": "internalLink",
- "value": "IjZS7iK5EXtb",
- "isInheritable": false,
- "position": 40
- },
- {
- "type": "relation",
- "name": "internalLink",
- "value": "RnaPdbciOfeq",
- "isInheritable": false,
- "position": 50
- },
{
"type": "relation",
"name": "internalLink",
"value": "0vhv7lsOLy82",
"isInheritable": false,
- "position": 60
+ "position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "wy8So3yZZlH9",
"isInheritable": false,
- "position": 70
+ "position": 20
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "IjZS7iK5EXtb",
+ "isInheritable": false,
+ "position": 30
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "RnaPdbciOfeq",
+ "isInheritable": false,
+ "position": 40
},
{
"type": "relation",
"name": "internalLink",
"value": "R9pX4DGra2Vt",
"isInheritable": false,
- "position": 80
+ "position": 50
+ },
+ {
+ "type": "label",
+ "name": "iconClass",
+ "value": "bx bxs-file-pdf",
+ "isInheritable": false,
+ "position": 30
}
],
"format": "markdown",
diff --git a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_New Layout_image.png b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_New Layout_image.png
index 10676a08e..efd435a32 100644
Binary files a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_New Layout_image.png and b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_New Layout_image.png differ
diff --git a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/3_New Layout_image.png b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/3_New Layout_image.png
index b4452f695..10676a08e 100644
Binary files a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/3_New Layout_image.png and b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/3_New Layout_image.png differ
diff --git a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/4_New Layout_image.png b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/4_New Layout_image.png
index 4a2f36ae2..b4452f695 100644
Binary files a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/4_New Layout_image.png and b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/4_New Layout_image.png differ
diff --git a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/5_New Layout_image.png b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/5_New Layout_image.png
index ca7593700..4a2f36ae2 100644
Binary files a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/5_New Layout_image.png and b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/5_New Layout_image.png differ
diff --git a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/6_New Layout_image.png b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/6_New Layout_image.png
new file mode 100644
index 000000000..ca7593700
Binary files /dev/null and b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/6_New Layout_image.png differ
diff --git a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.md b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.md
index 160258a30..3f30c6ee5 100644
--- a/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.md
+++ b/docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.md
@@ -9,7 +9,7 @@ At the bottom of the window there is a new bar called the _Status bar_. This bar
For more information, consult the [dedicated page](New%20Layout/Status%20bar.md).
-
+
### Note badges
Note badges appear near the fixed note title and indicate important information about the note such as whether it is read-only. Some of the badges are also interactive.
-To the right of the note title, a temporary indicators appears after making a change to the document that indicates whether the document has been saved.
+
+It indicates the following states:
+
+* _Unsaved_, if the changes will be saved soon.
+* _Saving_, if the changes are being saved.
+* _Saved_, if all the changes were successfully saved to the server.
+* _Error_, if the changes could not be saved, for example due to a communication server with the server.
+
+After all changes have been saved, the indicator will hide automatically after a few seconds.
+
## Changing to the existing layout
### Removal of the ribbon