mirror of
				https://github.com/TriliumNext/Notes.git
				synced 2025-10-31 21:11:30 +08:00 
			
		
		
		
	fix(docs): update calendar view documentation
This commit is contained in:
		
							parent
							
								
									00106580ca
								
							
						
					
					
						commit
						36fa0af706
					
				| @ -52,18 +52,22 @@ For each note of the calendar, the following attributes can be used: | ||||
| | `#calendar:color` | Similar to `#color`, but applies the color only for the event in the calendar and not for other places such as the note tree. | | ||||
| | `#iconClass` | If present, the icon of the note will be displayed to the left of the event title. | | ||||
| | `#calendar:title` | Changes the title of an event to point to an attribute of the note other than the title, either a label (e.g. `#assignee`) or a relation (e.g. `~for`). See _Advanced use-cases_ for more information. | | ||||
| | `#calendar:promotedAttributes` | Allows displaying the value of one or more promoted attributes in the calendar like this:   <br>  <br>`<br>#label:weight="promoted,number,single,precision=1"<br>#label:mood="promoted,alias=Mood,single,text"<br>#calendar:promotedAttributes="label:weight,label:mood" <br>`  <br>  <br>It can also be used with relations, case in which it will display the title of the target note:  <br>  <br>`<br>#relation:assignee="promoted,alias=Assignee,single,text"<br>#calendar:promotedAttributes="relation:assignee" <br>~assignee=@My assignee <br>` | | ||||
| | `#calendar:startDate` | Allows using a different label to represent the start date, other than `#startDate` (e.g. `#expiryDate`). The label name must be prefixed with `#`. If the label is not defined for a note, the default will be used instead. | | ||||
| | `#calendar:endDate` | Allows using a different label to represent the start date, other than `#endDate`. The label name must be prefixed with `#`. If the label is not defined for a note, the default will be used instead. | | ||||
| | `#calendar:displayedAttributes` | Allows displaying the value of one or more attributes in the calendar like this: <br><br><br><br>```<br>#weight="70"<br>#Mood="Good"<br>#calendar:displayedAttributes="weight,Mood"<br>```<br><br>It can also be used with relations, case in which it will display the title of the target note:<br><br>```<br>~assignee=@My assignee<br>#calendar:displayedAttributes="assignee"<br>``` | | ||||
| | `#calendar:startDate` | Allows using a different label to represent the start date, other than `startDate` (e.g. `expiryDate`). The label name **must not be** prefixed with `#`. If the label is not defined for a note, the default will be used instead. | | ||||
| | `#calendar:endDate` | Allows using a different label to represent the start date, other than `endDate`. The label name **must not be** prefixed with `#`. If the label is not defined for a note, the default will be used instead. | | ||||
| 
 | ||||
| ## How the calendar works | ||||
| 
 | ||||
| The calendar displays all the child notes of the book that have a `#startDate`. An `#endDate` can optionally be added. | ||||
|  | ||||
| 
 | ||||
| The calendar displays all the child notes of the book that have a `#startDate`. An `#endDate` can optionally be added. | ||||
| 
 | ||||
| If editing the start date and end date from the note itself is desirable, the following attributes can be added to the book note: | ||||
| 
 | ||||
| ``` | ||||
| #viewType=calendar #label:startDate(inheritable)="promoted,alias=Start Date,single,date" #label:endDate(inheritable)="promoted,alias=End Date,single,date" #hidePromotedAttributes  | ||||
| #viewType=calendar #label:startDate(inheritable)="promoted,alias=Start Date,single,date" | ||||
| #label:endDate(inheritable)="promoted,alias=End Date,single,date" | ||||
| #hidePromotedAttributes  | ||||
| ``` | ||||
| 
 | ||||
| This will result in: | ||||
|  | ||||
| @ -21,34 +21,36 @@ | ||||
|         <p>Unlike other Book view types, the Calendar view also allows some kind | ||||
|           of interaction, such as moving events around as well as creating new ones.</p> | ||||
|         <h2>Creating a calendar</h2> | ||||
|         <table> | ||||
|           <thead> | ||||
|             <tr> | ||||
|               <th></th> | ||||
|               <th></th> | ||||
|               <th></th> | ||||
|             </tr> | ||||
|           </thead> | ||||
|           <tbody> | ||||
|             <tr> | ||||
|               <td>1</td> | ||||
|               <td> | ||||
|                 <img src="3_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|               <td>The Calendar View works only for Book note types. To create a new note, | ||||
|                 right click on the note tree on the left and select Insert note after, | ||||
|                 or Insert child note and then select <em>Book</em>.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td>2</td> | ||||
|               <td> | ||||
|                 <img src="5_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|               <td>Once created, the “View type” of the Book needs changed to “Calendar”, | ||||
|                 by selecting the “Book Properties” tab in the ribbon.</td> | ||||
|             </tr> | ||||
|           </tbody> | ||||
|         </table> | ||||
|         <figure class="table"> | ||||
|           <table> | ||||
|             <thead> | ||||
|               <tr> | ||||
|                 <th> </th> | ||||
|                 <th> </th> | ||||
|                 <th> </th> | ||||
|               </tr> | ||||
|             </thead> | ||||
|             <tbody> | ||||
|               <tr> | ||||
|                 <td>1</td> | ||||
|                 <td> | ||||
|                   <img src="3_Calendar View_image.png" alt=""> | ||||
|                 </td> | ||||
|                 <td>The Calendar View works only for Book note types. To create a new note, | ||||
|                   right click on the note tree on the left and select Insert note after, | ||||
|                   or Insert child note and then select <em>Book</em>.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td>2</td> | ||||
|                 <td> | ||||
|                   <img src="5_Calendar View_image.png" alt=""> | ||||
|                 </td> | ||||
|                 <td>Once created, the “View type” of the Book needs changed to “Calendar”, | ||||
|                   by selecting the “Book Properties” tab in the ribbon.</td> | ||||
|               </tr> | ||||
|             </tbody> | ||||
|           </table> | ||||
|         </figure> | ||||
|         <h2>Creating a new event/note</h2> | ||||
|         <ul> | ||||
|           <li>Clicking on a day will create a new child note and assign it to that particular | ||||
| @ -81,226 +83,242 @@ | ||||
|         </ul> | ||||
|         <h2>Configuring the calendar</h2> | ||||
|         <p>The following attributes can be added to the book type:</p> | ||||
|         <table> | ||||
|           <thead> | ||||
|             <tr> | ||||
|               <th>Name</th> | ||||
|               <th>Description</th> | ||||
|             </tr> | ||||
|           </thead> | ||||
|           <tbody> | ||||
|             <tr> | ||||
|               <td><code>#calendar:hideWeekends</code> | ||||
|               </td> | ||||
|               <td>When present (regardless of value), it will hide Saturday and Sundays | ||||
|                 from the calendar.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#calendar:weekNumbers</code> | ||||
|               </td> | ||||
|               <td>When present (regardless of value), it will show the number of the week | ||||
|                 on the calendar.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>~child:template</code> | ||||
|               </td> | ||||
|               <td>Defines the template for newly created notes in the calendar (via dragging | ||||
|                 or clicking).</td> | ||||
|             </tr> | ||||
|           </tbody> | ||||
|         </table> | ||||
|         <figure class="table"> | ||||
|           <table> | ||||
|             <thead> | ||||
|               <tr> | ||||
|                 <th>Name</th> | ||||
|                 <th>Description</th> | ||||
|               </tr> | ||||
|             </thead> | ||||
|             <tbody> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:hideWeekends</code> | ||||
|                 </td> | ||||
|                 <td>When present (regardless of value), it will hide Saturday and Sundays | ||||
|                   from the calendar.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:weekNumbers</code> | ||||
|                 </td> | ||||
|                 <td>When present (regardless of value), it will show the number of the week | ||||
|                   on the calendar.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>~child:template</code> | ||||
|                 </td> | ||||
|                 <td>Defines the template for newly created notes in the calendar (via dragging | ||||
|                   or clicking).</td> | ||||
|               </tr> | ||||
|             </tbody> | ||||
|           </table> | ||||
|         </figure> | ||||
|         <p>In addition, the first day of the week can be either Sunday or Monday | ||||
|           and can be adjusted from the application settings.</p> | ||||
|         <h2>Configuring the calendar events</h2> | ||||
|         <p>For each note of the calendar, the following attributes can be used:</p> | ||||
|         <table> | ||||
|           <thead> | ||||
|             <tr> | ||||
|               <th>Name</th> | ||||
|               <th>Description</th> | ||||
|             </tr> | ||||
|           </thead> | ||||
|           <tbody> | ||||
|             <tr> | ||||
|               <td><code>#startDate</code> | ||||
|               </td> | ||||
|               <td>The date the event starts, which will display it in the calendar. The | ||||
|                 format is <code>YYYY-MM-DD</code> (year, month and day separated by a minus | ||||
|                 sign).</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#endDate</code> | ||||
|               </td> | ||||
|               <td>Similar to <code>startDate</code>, mentions the end date if the event spans | ||||
|                 across multiple days. The date is inclusive, so the end day is also considered. | ||||
|                 The attribute can be missing for single-day events.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#color</code> | ||||
|               </td> | ||||
|               <td>Displays the event with a specified color (named such as <code>red</code>, <code>gray</code> or | ||||
|                 hex such as <code>#FF0000</code>). This will also change the color of the | ||||
|                 note in other places such as the note tree.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#calendar:color</code> | ||||
|               </td> | ||||
|               <td>Similar to <code>#color</code>, but applies the color only for the event | ||||
|                 in the calendar and not for other places such as the note tree.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#iconClass</code> | ||||
|               </td> | ||||
|               <td>If present, the icon of the note will be displayed to the left of the | ||||
|                 event title.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#calendar:title</code> | ||||
|               </td> | ||||
|               <td>Changes the title of an event to point to an attribute of the note other | ||||
|                 than the title, either a label (e.g. <code>#assignee</code>) or a relation | ||||
|                 (e.g. <code>~for</code>). See <em>Advanced use-cases</em> for more information.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#calendar:promotedAttributes</code> | ||||
|               </td> | ||||
|               <td>Allows displaying the value of one or more promoted attributes in the | ||||
|                 calendar like this: | ||||
|                 <img src="13_Calendar View_image.png" alt=""> | ||||
|                 <br> | ||||
|                 <br><code><br>#label:weight="promoted,number,single,precision=1"<br>#label:mood="promoted,alias=Mood,single,text"<br>#calendar:promotedAttributes="label:weight,label:mood" <br></code> | ||||
|                 <br> | ||||
|                 <br>It can also be used with relations, case in which it will display the | ||||
|                 title of the target note: | ||||
|                 <br> | ||||
|                 <br><code><br>#relation:assignee="promoted,alias=Assignee,single,text"<br>#calendar:promotedAttributes="relation:assignee" <br>~assignee=@My assignee <br></code> | ||||
|               </td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#calendar:startDate</code> | ||||
|               </td> | ||||
|               <td>Allows using a different label to represent the start date, other than <code>#startDate</code> (e.g. <code>#expiryDate</code>). | ||||
|                 The label name must be prefixed with <code>#</code>. If the label is not | ||||
|                 defined for a note, the default will be used instead.</td> | ||||
|             </tr> | ||||
|             <tr> | ||||
|               <td><code>#calendar:endDate</code> | ||||
|               </td> | ||||
|               <td>Allows using a different label to represent the start date, other than <code>#endDate</code>. | ||||
|                 The label name must be prefixed with <code>#</code>. If the label is not | ||||
|                 defined for a note, the default will be used instead.</td> | ||||
|             </tr> | ||||
|           </tbody> | ||||
|         </table> | ||||
|         <h2>How the calendar works</h2> | ||||
|         <p> | ||||
|           <img src="17_Calendar View_image.png" alt="">The calendar displays all the child notes of the book that have a <code>#startDate</code>. | ||||
|           An <code>#endDate</code> can optionally be added.</p> | ||||
|         <p>If editing the start date and end date from the note itself is desirable, | ||||
|           the following attributes can be added to the book note:</p><pre><code class="language-text-x-trilium-auto">#viewType=calendar #label:startDate(inheritable)="promoted,alias=Start Date,single,date" #label:endDate(inheritable)="promoted,alias=End Date,single,date" #hidePromotedAttributes </code></pre> | ||||
|         <p>This will result in:</p> | ||||
|         <p> | ||||
|           <img src="14_Calendar View_image.png" alt=""> | ||||
|         </p> | ||||
|         <p>When not used in a Journal, the calendar is recursive. That is, it will | ||||
|           look for events not just in its child notes but also in the children of | ||||
|           these child notes.</p> | ||||
|         <h2>Use-cases</h2> | ||||
|         <h3>Using with the Journal / calendar</h3> | ||||
|         <p>It is possible to integrate the calendar view into the Journal with day | ||||
|           notes. In order to do so change the note type of the Journal note (calendar | ||||
|           root) to Book and then select the Calendar View.</p> | ||||
|         <p>Based on the <code>#calendarRoot</code> (or <code>#workspaceCalendarRoot</code>) | ||||
|           attribute, the calendar will know that it's in a calendar and apply the | ||||
|           following:</p> | ||||
|         <ul> | ||||
|           <li>The calendar events are now rendered based on their <code>dateNote</code> attribute | ||||
|             rather than <code>startDate</code>.</li> | ||||
|           <li>Interactive editing such as dragging over an empty era or resizing an | ||||
|             event is no longer possible.</li> | ||||
|           <li>Clicking on the empty space on a date will automatically open that day's | ||||
|             note or create it if it does not exist.</li> | ||||
|           <li>Direct children of a day note will be displayed on the calendar despite | ||||
|             not having a <code>dateNote</code> attribute. Children of the child notes | ||||
|             will not be displayed.</li> | ||||
|         </ul> | ||||
|         <p> | ||||
|           <img src="12_Calendar View_image.png" alt=""> | ||||
|         </p> | ||||
|         <h3>Using a different attribute as event title</h3> | ||||
|         <p>By default, events are displayed on the calendar by their note title. | ||||
|           However, it is possible to configure a different attribute to be displayed | ||||
|           instead.</p> | ||||
|         <p>To do so, assign <code>#calendar:title</code> to the child note (not the | ||||
|           calendar/book note), with the value being <code>#name</code> where <code>name</code> can | ||||
|           be any label. The attribute can also come through inheritance such as a | ||||
|           template attribute. If the note does not have the requested label, the | ||||
|           title of the note will be used instead.</p> | ||||
|         <table> | ||||
|           <thead> | ||||
|             <tr> | ||||
|               <th></th> | ||||
|               <th></th> | ||||
|             </tr> | ||||
|           </thead> | ||||
|           <tbody> | ||||
|             <tr> | ||||
|               <td> | ||||
|                 <img src="7_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|               <td> | ||||
|                 <img src="9_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|             </tr> | ||||
|           </tbody> | ||||
|         </table> | ||||
|         <h3>Using a relation attribute as event title</h3> | ||||
|         <p>Similarly to using an attribute, use <code>#calendar:title</code> and set | ||||
|           it to <code>~name</code> where <code>name</code> is the name of the relation | ||||
|           to use.</p> | ||||
|         <p>Moreover, if there are more relations of the same name, they will be displayed | ||||
|           as multiple events coming from the same note.</p> | ||||
|         <table> | ||||
|           <thead> | ||||
|             <tr> | ||||
|               <th></th> | ||||
|               <th></th> | ||||
|             </tr> | ||||
|           </thead> | ||||
|           <tbody> | ||||
|             <tr> | ||||
|               <td> | ||||
|                 <img src="8_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|               <td> | ||||
|                 <img src="10_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|             </tr> | ||||
|           </tbody> | ||||
|         </table> | ||||
|         <p>Note that it's even possible to have a <code>#calendar:title</code> on the | ||||
|           target note (e.g. “John Smith”) which will try to render an attribute of | ||||
|           it. Note that it's not possible to use a relation here as well for safety | ||||
|           reasons (an accidental recursion  of attributes could cause the application | ||||
|           to loop infinitely).</p> | ||||
|         <table> | ||||
|           <thead> | ||||
|             <tr> | ||||
|               <th></th> | ||||
|               <th></th> | ||||
|             </tr> | ||||
|           </thead> | ||||
|           <tbody> | ||||
|             <tr> | ||||
|               <td> | ||||
|                 <img src="15_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|               <td> | ||||
|                 <img src="2_Calendar View_image.png" alt=""> | ||||
|               </td> | ||||
|             </tr> | ||||
|           </tbody> | ||||
|         </table> | ||||
|         <figure | ||||
|         class="table"> | ||||
|           <table> | ||||
|             <thead> | ||||
|               <tr> | ||||
|                 <th>Name</th> | ||||
|                 <th>Description</th> | ||||
|               </tr> | ||||
|             </thead> | ||||
|             <tbody> | ||||
|               <tr> | ||||
|                 <td><code>#startDate</code> | ||||
|                 </td> | ||||
|                 <td>The date the event starts, which will display it in the calendar. The | ||||
|                   format is <code>YYYY-MM-DD</code> (year, month and day separated by a minus | ||||
|                   sign).</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#endDate</code> | ||||
|                 </td> | ||||
|                 <td>Similar to <code>startDate</code>, mentions the end date if the event spans | ||||
|                   across multiple days. The date is inclusive, so the end day is also considered. | ||||
|                   The attribute can be missing for single-day events.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#color</code> | ||||
|                 </td> | ||||
|                 <td>Displays the event with a specified color (named such as <code>red</code>, <code>gray</code> or | ||||
|                   hex such as <code>#FF0000</code>). This will also change the color of the | ||||
|                   note in other places such as the note tree.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:color</code> | ||||
|                 </td> | ||||
|                 <td>Similar to <code>#color</code>, but applies the color only for the event | ||||
|                   in the calendar and not for other places such as the note tree.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#iconClass</code> | ||||
|                 </td> | ||||
|                 <td>If present, the icon of the note will be displayed to the left of the | ||||
|                   event title.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:title</code> | ||||
|                 </td> | ||||
|                 <td>Changes the title of an event to point to an attribute of the note other | ||||
|                   than the title, either a label (e.g. <code>#assignee</code>) or a relation | ||||
|                   (e.g. <code>~for</code>). See <em>Advanced use-cases</em> for more information.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:displayedAttributes</code> | ||||
|                 </td> | ||||
|                 <td> | ||||
|                   <p>Allows displaying the value of one or more attributes in the calendar | ||||
|                     like this: </p> | ||||
|                   <p> | ||||
|                     <img src="13_Calendar View_image.png" alt=""> | ||||
|                   </p><pre><code class="language-text-x-trilium-auto">#weight="70" | ||||
| #Mood="Good" | ||||
| #calendar:displayedAttributes="weight,Mood"</code></pre> | ||||
|                   <p>It can also be used with relations, case in which it will display the | ||||
|                     title of the target note:</p><pre><code class="language-text-x-trilium-auto">~assignee=@My assignee | ||||
| #calendar:displayedAttributes="assignee"</code></pre> | ||||
|                 </td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:startDate</code> | ||||
|                 </td> | ||||
|                 <td>Allows using a different label to represent the start date, other than <code>startDate</code> (e.g. <code>expiryDate</code>). | ||||
|                   The label name <strong>must not be</strong> prefixed with <code>#</code>. | ||||
|                   If the label is not defined for a note, the default will be used instead.</td> | ||||
|               </tr> | ||||
|               <tr> | ||||
|                 <td><code>#calendar:endDate</code> | ||||
|                 </td> | ||||
|                 <td>Allows using a different label to represent the start date, other than <code>endDate</code>. | ||||
|                   The label name <strong>must not be</strong> prefixed with <code>#</code>. | ||||
|                   If the label is not defined for a note, the default will be used instead.</td> | ||||
|               </tr> | ||||
|             </tbody> | ||||
|           </table> | ||||
|           </figure> | ||||
|           <h2>How the calendar works</h2> | ||||
|           <p> | ||||
|             <img src="17_Calendar View_image.png" alt=""> | ||||
|           </p> | ||||
|           <p>The calendar displays all the child notes of the book that have a <code>#startDate</code>. | ||||
|             An <code>#endDate</code> can optionally be added.</p> | ||||
|           <p>If editing the start date and end date from the note itself is desirable, | ||||
|             the following attributes can be added to the book note:</p><pre><code class="language-text-x-trilium-auto">#viewType=calendar #label:startDate(inheritable)="promoted,alias=Start Date,single,date" | ||||
| #label:endDate(inheritable)="promoted,alias=End Date,single,date" | ||||
| #hidePromotedAttributes </code></pre> | ||||
|           <p>This will result in:</p> | ||||
|           <p> | ||||
|             <img src="14_Calendar View_image.png" alt=""> | ||||
|           </p> | ||||
|           <p>When not used in a Journal, the calendar is recursive. That is, it will | ||||
|             look for events not just in its child notes but also in the children of | ||||
|             these child notes.</p> | ||||
|           <h2>Use-cases</h2> | ||||
|           <h3>Using with the Journal / calendar</h3> | ||||
|           <p>It is possible to integrate the calendar view into the Journal with day | ||||
|             notes. In order to do so change the note type of the Journal note (calendar | ||||
|             root) to Book and then select the Calendar View.</p> | ||||
|           <p>Based on the <code>#calendarRoot</code> (or <code>#workspaceCalendarRoot</code>) | ||||
|             attribute, the calendar will know that it's in a calendar and apply the | ||||
|             following:</p> | ||||
|           <ul> | ||||
|             <li>The calendar events are now rendered based on their <code>dateNote</code> attribute | ||||
|               rather than <code>startDate</code>.</li> | ||||
|             <li>Interactive editing such as dragging over an empty era or resizing an | ||||
|               event is no longer possible.</li> | ||||
|             <li>Clicking on the empty space on a date will automatically open that day's | ||||
|               note or create it if it does not exist.</li> | ||||
|             <li>Direct children of a day note will be displayed on the calendar despite | ||||
|               not having a <code>dateNote</code> attribute. Children of the child notes | ||||
|               will not be displayed.</li> | ||||
|           </ul> | ||||
|           <p> | ||||
|             <img src="12_Calendar View_image.png" alt=""> | ||||
|           </p> | ||||
|           <h3>Using a different attribute as event title</h3> | ||||
|           <p>By default, events are displayed on the calendar by their note title. | ||||
|             However, it is possible to configure a different attribute to be displayed | ||||
|             instead.</p> | ||||
|           <p>To do so, assign <code>#calendar:title</code> to the child note (not the | ||||
|             calendar/book note), with the value being <code>#name</code> where <code>name</code> can | ||||
|             be any label. The attribute can also come through inheritance such as a | ||||
|             template attribute. If the note does not have the requested label, the | ||||
|             title of the note will be used instead.</p> | ||||
|           <figure class="table"> | ||||
|             <table> | ||||
|               <thead> | ||||
|                 <tr> | ||||
|                   <th> </th> | ||||
|                   <th> </th> | ||||
|                 </tr> | ||||
|               </thead> | ||||
|               <tbody> | ||||
|                 <tr> | ||||
|                   <td> | ||||
|                     <img src="7_Calendar View_image.png" alt=""> | ||||
|                   </td> | ||||
|                   <td> | ||||
|                     <img src="9_Calendar View_image.png" alt=""> | ||||
|                   </td> | ||||
|                 </tr> | ||||
|               </tbody> | ||||
|             </table> | ||||
|           </figure> | ||||
|           <h3>Using a relation attribute as event title</h3> | ||||
|           <p>Similarly to using an attribute, use <code>#calendar:title</code> and set | ||||
|             it to <code>~name</code> where <code>name</code> is the name of the relation | ||||
|             to use.</p> | ||||
|           <p>Moreover, if there are more relations of the same name, they will be displayed | ||||
|             as multiple events coming from the same note.</p> | ||||
|           <figure class="table"> | ||||
|             <table> | ||||
|               <thead> | ||||
|                 <tr> | ||||
|                   <th> </th> | ||||
|                   <th> </th> | ||||
|                 </tr> | ||||
|               </thead> | ||||
|               <tbody> | ||||
|                 <tr> | ||||
|                   <td> | ||||
|                     <img src="8_Calendar View_image.png" alt=""> | ||||
|                   </td> | ||||
|                   <td> | ||||
|                     <img src="10_Calendar View_image.png" alt=""> | ||||
|                   </td> | ||||
|                 </tr> | ||||
|               </tbody> | ||||
|             </table> | ||||
|           </figure> | ||||
|           <p>Note that it's even possible to have a <code>#calendar:title</code> on the | ||||
|             target note (e.g. “John Smith”) which will try to render an attribute of | ||||
|             it. Note that it's not possible to use a relation here as well for safety | ||||
|             reasons (an accidental recursion  of attributes could cause the application | ||||
|             to loop infinitely).</p> | ||||
|           <figure class="table"> | ||||
|             <table> | ||||
|               <thead> | ||||
|                 <tr> | ||||
|                   <th> </th> | ||||
|                   <th> </th> | ||||
|                 </tr> | ||||
|               </thead> | ||||
|               <tbody> | ||||
|                 <tr> | ||||
|                   <td> | ||||
|                     <img src="15_Calendar View_image.png" alt=""> | ||||
|                   </td> | ||||
|                   <td> | ||||
|                     <img src="2_Calendar View_image.png" alt=""> | ||||
|                   </td> | ||||
|                 </tr> | ||||
|               </tbody> | ||||
|             </table> | ||||
|           </figure> | ||||
|       </div> | ||||
|     </div> | ||||
|   </body> | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 Elian Doran
						Elian Doran