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, "position": 10,
"dataFileName": "2_Note List_image.png" "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", "value": "bx bx-book",
"isInheritable": false, "isInheritable": false,
"position": 20 "position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "0ESUbbAxVnoK",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "BlN9DFI679QC",
"isInheritable": false,
"position": 40
} }
], ],
"format": "markdown", "format": "markdown",
@ -5266,134 +5409,6 @@
"position": 10, "position": 10,
"dataFileName": "1_Book_image.png" "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) ![](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 [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. * 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) ![](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 ## 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. 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. To adjust the view type, see the dedicated _Book_ tab in the [Ribbon](../Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.md).
![](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.

View File

@ -2595,6 +2595,135 @@
"position": 10, "position": 10,
"dataFileName": "2_Note List_image.png" "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", "value": "bx bx-book",
"isInheritable": false, "isInheritable": false,
"position": 20 "position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "0ESUbbAxVnoK",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "BlN9DFI679QC",
"isInheritable": false,
"position": 40
} }
], ],
"format": "html", "format": "html",
@ -5266,134 +5409,6 @@
"position": 10, "position": 10,
"dataFileName": "1_Book_image.png" "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> <p>
<img src="1_Note List_image.png" width="1025" height="655"> <img src="1_Note List_image.png" width="1025" height="655">
</p> </p>
<p>The title and a short snippet of the content of the note will be displayed <p>This view presents the child notes in a grid format, allowing for a more
in a grid format.</p> visual navigation experience.</p>
<ul> <ul>
<li>For&nbsp;<a class="reference-link" href="../../Note%20Types/Text.html">Text</a>&nbsp;note, <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> 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 <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 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" 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 href="Note%20List/Calendar%20View.html">Calendar View</a>&nbsp;for more
more information.</p> information.</p>
</div> </div>
</div> </div>
</body> </body>

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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"> <base target="_parent">
<title data-trilium-title>Calendar View</title> <title data-trilium-title>Calendar View</title>
</head> </head>

View File

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

View File

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