refactor(docs): reposition calendar view

This commit is contained in:
Elian Doran 2025-04-05 01:09:30 +03:00
parent ed53b034f7
commit 1e6c197794
No known key found for this signature in database
33 changed files with 306 additions and 286 deletions

View File

@ -2595,6 +2595,135 @@
"position": 10,
"dataFileName": "2_Note List_image.png"
}
],
"dirFileName": "Note List",
"children": [
{
"isClone": false,
"noteId": "xWbu3jpNWapp",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"BFs8mudNFgCS",
"0ESUbbAxVnoK",
"xWbu3jpNWapp"
],
"title": "Calendar View",
"notePosition": 10,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-calendar",
"isInheritable": false,
"position": 10
}
],
"format": "markdown",
"dataFileName": "Calendar View.md",
"attachments": [
{
"attachmentId": "37CfbqKYcOtd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Calendar View_image.png"
},
{
"attachmentId": "akAHcIEcGnWR",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Calendar View_image.png"
},
{
"attachmentId": "AU7dnIevWPrz",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_Calendar View_image.png"
},
{
"attachmentId": "COiR1tnE86i1",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "3_Calendar View_image.png"
},
{
"attachmentId": "fOdCNTs2BuI0",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "4_Calendar View_image.png"
},
{
"attachmentId": "HfBu0m3WXtn2",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "5_Calendar View_image.png"
},
{
"attachmentId": "ho00OJTNrxVI",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "6_Calendar View_image.png"
},
{
"attachmentId": "irfNX8n4159U",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "7_Calendar View_image.png"
},
{
"attachmentId": "KF56rdNuOwWd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "8_Calendar View_image.png"
},
{
"attachmentId": "oBWr5GL6cUAZ",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "9_Calendar View_image.png"
},
{
"attachmentId": "oS6yUoQtfhpg",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "10_Calendar View_image.png"
},
{
"attachmentId": "u2c09UpZghff",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "11_Calendar View_image.png"
}
]
}
]
}
]
@ -5245,6 +5374,20 @@
"value": "bx bx-book",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "0ESUbbAxVnoK",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "BlN9DFI679QC",
"isInheritable": false,
"position": 40
}
],
"format": "markdown",
@ -5266,134 +5409,6 @@
"position": 10,
"dataFileName": "1_Book_image.png"
}
],
"dirFileName": "Book",
"children": [
{
"isClone": false,
"noteId": "xWbu3jpNWapp",
"notePath": [
"pOsGYCXsbNQG",
"KSZ04uQ2D1St",
"GTwFsgaA0lCt",
"xWbu3jpNWapp"
],
"title": "Calendar View",
"notePosition": 10,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-calendar",
"isInheritable": false,
"position": 10
}
],
"format": "markdown",
"dataFileName": "Calendar View.md",
"attachments": [
{
"attachmentId": "37CfbqKYcOtd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Calendar View_image.png"
},
{
"attachmentId": "akAHcIEcGnWR",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Calendar View_image.png"
},
{
"attachmentId": "AU7dnIevWPrz",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_Calendar View_image.png"
},
{
"attachmentId": "COiR1tnE86i1",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "3_Calendar View_image.png"
},
{
"attachmentId": "fOdCNTs2BuI0",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "4_Calendar View_image.png"
},
{
"attachmentId": "HfBu0m3WXtn2",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "5_Calendar View_image.png"
},
{
"attachmentId": "ho00OJTNrxVI",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "6_Calendar View_image.png"
},
{
"attachmentId": "irfNX8n4159U",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "7_Calendar View_image.png"
},
{
"attachmentId": "KF56rdNuOwWd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "8_Calendar View_image.png"
},
{
"attachmentId": "oBWr5GL6cUAZ",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "9_Calendar View_image.png"
},
{
"attachmentId": "oS6yUoQtfhpg",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "10_Calendar View_image.png"
},
{
"attachmentId": "u2c09UpZghff",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "11_Calendar View_image.png"
}
]
}
]
},
{

View File

@ -12,7 +12,7 @@ By default, the notes will be displayed in a grid, however there are also some o
![](1_Note%20List_image.png)
The title and a short snippet of the content of the note will be displayed in a grid format.
This view presents the child notes in a grid format, allowing for a more visual navigation experience.
* For [Text](../../Note%20Types/Text.md) note, the text can be slighly scrollable via the mouse wheel to reveal more context.
* For [Code](../../Note%20Types/Code.md) notes, syntax highlighting is applied.
@ -31,4 +31,4 @@ In the list view mode, each note is displayed in a single row with only the titl
![](2_Note%20List_image.png)
In the calendar view, child notes are represented as events, with a start date and optionally an end date. The view also has interaction support such as moving or creating new events. See [Calendar View](../../Note%20Types/Book/Calendar%20View.md) for more information.
In the calendar view, child notes are represented as events, with a start date and optionally an end date. The view also has interaction support such as moving or creating new events. See [Calendar View](Note%20List/Calendar%20View.md) for more information.

View File

@ -7,14 +7,8 @@ In the example above, the "node.js" note on the left panel contains several chil
## Features
### Linear Display
The Book Note format compiles the contents of all child notes into one continuous view. This makes it ideal for reading extensive information broken into smaller, manageable segments.
### Grid View Option
It uses the [Note List](../Basic%20Concepts%20and%20Features/Notes/Note%20List.md) mechanism to display the child notes, allowing the use of any of the view types (grid, list, calendar).
Trilium also offers a "Grid View" option within the Book Note properties. This view presents the child notes in a grid format, allowing for a more visual navigation experience.
![](Book_image.png)
Switching between these views can be easily managed through the Book Note's settings (or `viewType` attribute), allowing users to choose the format that best suits their reading or navigation preferences.
To adjust the view type, see the dedicated _Book_ tab in the [Ribbon](../Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.md).

View File

@ -2595,6 +2595,135 @@
"position": 10,
"dataFileName": "2_Note List_image.png"
}
],
"dirFileName": "Note List",
"children": [
{
"isClone": false,
"noteId": "xWbu3jpNWapp",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"BFs8mudNFgCS",
"0ESUbbAxVnoK",
"xWbu3jpNWapp"
],
"title": "Calendar View",
"notePosition": 10,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-calendar",
"isInheritable": false,
"position": 10
}
],
"format": "html",
"dataFileName": "Calendar View.html",
"attachments": [
{
"attachmentId": "37CfbqKYcOtd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Calendar View_image.png"
},
{
"attachmentId": "akAHcIEcGnWR",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Calendar View_image.png"
},
{
"attachmentId": "AU7dnIevWPrz",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_Calendar View_image.png"
},
{
"attachmentId": "COiR1tnE86i1",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "3_Calendar View_image.png"
},
{
"attachmentId": "fOdCNTs2BuI0",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "4_Calendar View_image.png"
},
{
"attachmentId": "HfBu0m3WXtn2",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "5_Calendar View_image.png"
},
{
"attachmentId": "ho00OJTNrxVI",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "6_Calendar View_image.png"
},
{
"attachmentId": "irfNX8n4159U",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "7_Calendar View_image.png"
},
{
"attachmentId": "KF56rdNuOwWd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "8_Calendar View_image.png"
},
{
"attachmentId": "oBWr5GL6cUAZ",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "9_Calendar View_image.png"
},
{
"attachmentId": "oS6yUoQtfhpg",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "10_Calendar View_image.png"
},
{
"attachmentId": "u2c09UpZghff",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "11_Calendar View_image.png"
}
]
}
]
}
]
@ -5245,6 +5374,20 @@
"value": "bx bx-book",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "0ESUbbAxVnoK",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "BlN9DFI679QC",
"isInheritable": false,
"position": 40
}
],
"format": "html",
@ -5266,134 +5409,6 @@
"position": 10,
"dataFileName": "1_Book_image.png"
}
],
"dirFileName": "Book",
"children": [
{
"isClone": false,
"noteId": "xWbu3jpNWapp",
"notePath": [
"pOsGYCXsbNQG",
"KSZ04uQ2D1St",
"GTwFsgaA0lCt",
"xWbu3jpNWapp"
],
"title": "Calendar View",
"notePosition": 10,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-calendar",
"isInheritable": false,
"position": 10
}
],
"format": "html",
"dataFileName": "Calendar View.html",
"attachments": [
{
"attachmentId": "37CfbqKYcOtd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Calendar View_image.png"
},
{
"attachmentId": "akAHcIEcGnWR",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Calendar View_image.png"
},
{
"attachmentId": "AU7dnIevWPrz",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_Calendar View_image.png"
},
{
"attachmentId": "COiR1tnE86i1",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "3_Calendar View_image.png"
},
{
"attachmentId": "fOdCNTs2BuI0",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "4_Calendar View_image.png"
},
{
"attachmentId": "HfBu0m3WXtn2",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "5_Calendar View_image.png"
},
{
"attachmentId": "ho00OJTNrxVI",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "6_Calendar View_image.png"
},
{
"attachmentId": "irfNX8n4159U",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "7_Calendar View_image.png"
},
{
"attachmentId": "KF56rdNuOwWd",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "8_Calendar View_image.png"
},
{
"attachmentId": "oBWr5GL6cUAZ",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "9_Calendar View_image.png"
},
{
"attachmentId": "oS6yUoQtfhpg",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "10_Calendar View_image.png"
},
{
"attachmentId": "u2c09UpZghff",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "11_Calendar View_image.png"
}
]
}
]
},
{

View File

@ -29,8 +29,8 @@
<p>
<img src="1_Note List_image.png" width="1025" height="655">
</p>
<p>The title and a short snippet of the content of the note will be displayed
in a grid format.</p>
<p>This view presents the child notes in a grid format, allowing for a more
visual navigation experience.</p>
<ul>
<li>For&nbsp;<a class="reference-link" href="../../Note%20Types/Text.html">Text</a>&nbsp;note,
the text can be slighly scrollable via the mouse wheel to reveal more context.</li>
@ -59,8 +59,8 @@
<p>In the calendar view, child notes are represented as events, with a start
date and optionally an end date. The view also has interaction support
such as moving or creating new events. See&nbsp;<a class="reference-link"
href="../../Note%20Types/Book/Calendar%20View.html">Calendar View</a>&nbsp;for
more information.</p>
href="Note%20List/Calendar%20View.html">Calendar View</a>&nbsp;for more
information.</p>
</div>
</div>
</body>

View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../style.css">
<link rel="stylesheet" href="../../../../style.css">
<base target="_parent">
<title data-trilium-title>Calendar View</title>
</head>

View File

@ -24,20 +24,15 @@
child notes. The right panel displays the content of these child notes
as a single continuous document.</p>
<h2>Features</h2>
<h3>Linear Display</h3>
<p>The Book Note format compiles the contents of all child notes into one
continuous view. This makes it ideal for reading extensive information
broken into smaller, manageable segments.</p>
<h3>Grid View Option</h3>
<p>Trilium also offers a "Grid View" option within the Book Note properties.
This view presents the child notes in a grid format, allowing for a more
visual navigation experience.</p>
<p>
<img src="Book_image.png">
</p>
<p>Switching between these views can be easily managed through the Book Note's
settings (or <code>viewType</code> attribute), allowing users to choose the
format that best suits their reading or navigation preferences.</p>
<p>It uses the&nbsp;<a class="reference-link" href="../Basic%20Concepts%20and%20Features/Notes/Note%20List.html">Note List</a>&nbsp;mechanism
to display the child notes, allowing the use of any of the view types (grid,
list, calendar).</p>
<p>To adjust the view type, see the dedicated <em>Book</em> tab in the&nbsp;
<a
class="reference-link" href="../Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.html">Ribbon</a>.</p>
</div>
</div>
</body>

View File

@ -142,6 +142,11 @@
</li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Notes/Note%20List.html"
target="detail">Note List</a>
<ul>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Notes/Note%20List/Calendar%20View.html"
target="detail">Calendar View</a>
</li>
</ul>
</li>
</ul>
</li>
@ -266,10 +271,6 @@
<li><a href="User%20Guide/Note%20Types/Render%20Note.html" target="detail">Render Note</a>
</li>
<li><a href="User%20Guide/Note%20Types/Book.html" target="detail">Book</a>
<ul>
<li><a href="User%20Guide/Note%20Types/Book/Calendar%20View.html" target="detail">Calendar View</a>
</li>
</ul>
</li>
<li><a href="User%20Guide/Note%20Types/Mermaid%20Diagrams.html" target="detail">Mermaid Diagrams</a>
<ul>