feat(docs): document the items of the ribbon

This commit is contained in:
Elian Doran 2025-04-03 21:40:02 +03:00
parent 25fe6c2690
commit a4f39d6376
No known key found for this signature in database
11 changed files with 835 additions and 277 deletions

View File

@ -1265,19 +1265,159 @@
"type": "text", "type": "text",
"mime": "text/html", "mime": "text/html",
"attributes": [ "attributes": [
{
"type": "relation",
"name": "internalLink",
"value": "4TIF1oA4VQRO",
"isInheritable": false,
"position": 10
},
{ {
"type": "label", "type": "label",
"name": "iconClass", "name": "iconClass",
"value": "bx bx-dots-horizontal", "value": "bx bx-dots-horizontal",
"isInheritable": false, "isInheritable": false,
"position": 20 "position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "KSZ04uQ2D1St",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "4FahAwuGTAwC",
"isInheritable": false,
"position": 40
},
{
"type": "relation",
"name": "internalLink",
"value": "bwg0e8ewQMak",
"isInheritable": false,
"position": 50
},
{
"type": "relation",
"name": "internalLink",
"value": "CoFPLs3dRlXc",
"isInheritable": false,
"position": 60
},
{
"type": "relation",
"name": "internalLink",
"value": "xYmIYSP6wE3F",
"isInheritable": false,
"position": 70
},
{
"type": "relation",
"name": "internalLink",
"value": "u3YFHC9tQlpm",
"isInheritable": false,
"position": 80
},
{
"type": "relation",
"name": "internalLink",
"value": "WOcw2SLH6tbX",
"isInheritable": false,
"position": 90
},
{
"type": "relation",
"name": "internalLink",
"value": "R9pX4DGra2Vt",
"isInheritable": false,
"position": 100
},
{
"type": "relation",
"name": "internalLink",
"value": "KC1HB96bqqHX",
"isInheritable": false,
"position": 110
},
{
"type": "relation",
"name": "internalLink",
"value": "veGu4faJErEM",
"isInheritable": false,
"position": 120
},
{
"type": "relation",
"name": "internalLink",
"value": "nRhnJkTT8cPs",
"isInheritable": false,
"position": 130
},
{
"type": "relation",
"name": "internalLink",
"value": "zEY4DaJG4YT5",
"isInheritable": false,
"position": 140
},
{
"type": "relation",
"name": "internalLink",
"value": "OFXdgB2nNk1F",
"isInheritable": false,
"position": 150
},
{
"type": "relation",
"name": "internalLink",
"value": "bwZpz2ajCEwO",
"isInheritable": false,
"position": 160
},
{
"type": "relation",
"name": "internalLink",
"value": "IakOLONlIfGI",
"isInheritable": false,
"position": 170
},
{
"type": "relation",
"name": "internalLink",
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 180
},
{
"type": "relation",
"name": "internalLink",
"value": "xWtq5NUHOwql",
"isInheritable": false,
"position": 190
},
{
"type": "relation",
"name": "internalLink",
"value": "m1lbrzyKDaRB",
"isInheritable": false,
"position": 200
},
{
"type": "relation",
"name": "internalLink",
"value": "wX4HbRucYSDD",
"isInheritable": false,
"position": 210
},
{
"type": "relation",
"name": "internalLink",
"value": "4TIF1oA4VQRO",
"isInheritable": false,
"position": 220
},
{
"type": "relation",
"name": "internalLink",
"value": "l0tKav7yLHGF",
"isInheritable": false,
"position": 230
} }
], ],
"format": "markdown", "format": "markdown",
@ -2420,6 +2560,34 @@
"dataFileName": "1_Workspace_image.png" "dataFileName": "1_Workspace_image.png"
} }
] ]
},
{
"isClone": false,
"noteId": "xWtq5NUHOwql",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"wArbEsdSae6g",
"xWtq5NUHOwql"
],
"title": "Similar Notes",
"notePosition": 80,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-bar-chart",
"isInheritable": false,
"position": 10
}
],
"format": "markdown",
"dataFileName": "Similar Notes.md",
"attachments": []
} }
] ]
}, },
@ -7194,6 +7362,33 @@
"attachments": [] "attachments": []
} }
] ]
},
{
"isClone": false,
"noteId": "m1lbrzyKDaRB",
"notePath": [
"pOsGYCXsbNQG",
"tC7s2alapj8V",
"m1lbrzyKDaRB"
],
"title": "Note ID",
"notePosition": 180,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-hash",
"isInheritable": false,
"position": 10
}
],
"format": "markdown",
"dataFileName": "Note ID.md",
"attachments": []
} }
] ]
}, },

View File

@ -6,3 +6,59 @@ The ribbon allows changing options, attributes and viewing information about the
## Settings ## Settings
It is possible to change whether some ribbon items will be automatically open when navigating to a new note. To do so, in [Settings](Options.md), go to _Appearance_ and look for the _Ribbon widgets_ section. It is possible to change whether some ribbon items will be automatically open when navigating to a new note. To do so, in [Settings](Options.md), go to _Appearance_ and look for the _Ribbon widgets_ section.
## Formatting
If you are using the _Fixed_ formatting toolbar, all the formatting buttons for text notes will appear here. See [Formatting toolbar](../../Note%20Types/Text/Formatting%20toolbar.md) for more information.
## Tabs
### Basic Properties
* _**Note type**_ allows changing the [note type](../../Note%20Types) of a note.
* Generally this is desirable only if the note is empty.
* As a more advanced use, it's possible to change the note type in order to modify the [source code](../../Advanced%20Usage/Note%20source.md) of a note.
* _**Protect the note**_ toggles whether the current note is encrypted and accessible only by entering the protected session. See [Protected Notes](../Notes/Protected%20Notes.md) for more information.
* _**Editable**_ changes whether the current note:
* Enters [read-only mode](../Notes/Read-Only%20Notes.md) automatically if the note is too big (default behaviour).
* Is always in read-only mode (however it can still be edited temporarily).
* Is always editable, regardless of its size.
* _**Bookmark**_ toggles the display of the current note into the [Launch Bar](Launch%20Bar.md) for easy access. See [Bookmarks](../Navigation/Bookmarks.md) for more information.
* _**Shared**_ toggles whether the current note is publicly accessible if you have a [server instance](../../Installation%20%26%20Setup/Server%20Installation.md) set up. See [Sharing](../../Advanced%20Usage/Sharing.md) for more information.
* _**Template**_ toggles whether the current note is considered a template and can be used to easily create notes with the same content. See [Template](../../Advanced%20Usage/Attributes/Template.md) for more information.
* _**Language**_ changes the main language of the current note, mostly useful for spell checking or right-to-left support. See [Content language & Right-to-left support](../../Note%20Types/Text/Content%20language%20%26%20Right-to-le.md) for more information.
### Owned Attributes
This section allows editing the labels and relations of a note. For more information, see [Attributes](../../Advanced%20Usage/Attributes.md).
The plus button to the right offers a simplified way to insert labels and relations, via a graphical input. From this menu, it's also possible to define label and relation definitions (see [Promoted Attributes](../../Advanced%20Usage/Attributes/Promoted%20Attributes.md)).
### Inherited Attributes
This section displays the attributes which are applied to this note via [Attribute Inheritance](../../Advanced%20Usage/Attributes/Attribute%20Inheritance.md). It is not possible to alter the attributes from this section.
### Note Paths
This section displays all the places where the current note has been cloned to. Here the current note can also be cloned to a new location (similar to the [Note Tree](Note%20Tree.md)) See [Cloning Notes](../Notes/Cloning%20Notes.md) for more information.
### Note Map
The note map displays all the relations of the current note to other notes, as well as the subtree structure. See [Note Tree](Note%20Tree.md) for more information.
### Similar Notes
This section lists all the notes that are similar to the current one. See [Similar Notes](../Navigation/Similar%20Notes.md) for more information.
### Note Info
This section displays information about the current note:
* The [internal ID](../../Advanced%20Usage/Note%20ID.md) of the note.
* The [type of the note](../../Note%20Types), as well as its MIME type (used mostly for exporting notes).
* The created and modification dates.
* The estimated size of the note in the [Database](../../Advanced%20Usage/Database.md), as well as its children count and size.
### Edited notes
This section pops automatically when entering a [day note](../../Advanced%20Usage/Advanced%20Showcases/Day%20Notes.md) and shows the notes that were edited that day.

View File

@ -1265,19 +1265,159 @@
"type": "text", "type": "text",
"mime": "text/html", "mime": "text/html",
"attributes": [ "attributes": [
{
"type": "relation",
"name": "internalLink",
"value": "4TIF1oA4VQRO",
"isInheritable": false,
"position": 10
},
{ {
"type": "label", "type": "label",
"name": "iconClass", "name": "iconClass",
"value": "bx bx-dots-horizontal", "value": "bx bx-dots-horizontal",
"isInheritable": false, "isInheritable": false,
"position": 20 "position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "KSZ04uQ2D1St",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "4FahAwuGTAwC",
"isInheritable": false,
"position": 40
},
{
"type": "relation",
"name": "internalLink",
"value": "bwg0e8ewQMak",
"isInheritable": false,
"position": 50
},
{
"type": "relation",
"name": "internalLink",
"value": "CoFPLs3dRlXc",
"isInheritable": false,
"position": 60
},
{
"type": "relation",
"name": "internalLink",
"value": "xYmIYSP6wE3F",
"isInheritable": false,
"position": 70
},
{
"type": "relation",
"name": "internalLink",
"value": "u3YFHC9tQlpm",
"isInheritable": false,
"position": 80
},
{
"type": "relation",
"name": "internalLink",
"value": "WOcw2SLH6tbX",
"isInheritable": false,
"position": 90
},
{
"type": "relation",
"name": "internalLink",
"value": "R9pX4DGra2Vt",
"isInheritable": false,
"position": 100
},
{
"type": "relation",
"name": "internalLink",
"value": "KC1HB96bqqHX",
"isInheritable": false,
"position": 110
},
{
"type": "relation",
"name": "internalLink",
"value": "veGu4faJErEM",
"isInheritable": false,
"position": 120
},
{
"type": "relation",
"name": "internalLink",
"value": "nRhnJkTT8cPs",
"isInheritable": false,
"position": 130
},
{
"type": "relation",
"name": "internalLink",
"value": "zEY4DaJG4YT5",
"isInheritable": false,
"position": 140
},
{
"type": "relation",
"name": "internalLink",
"value": "OFXdgB2nNk1F",
"isInheritable": false,
"position": 150
},
{
"type": "relation",
"name": "internalLink",
"value": "bwZpz2ajCEwO",
"isInheritable": false,
"position": 160
},
{
"type": "relation",
"name": "internalLink",
"value": "IakOLONlIfGI",
"isInheritable": false,
"position": 170
},
{
"type": "relation",
"name": "internalLink",
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 180
},
{
"type": "relation",
"name": "internalLink",
"value": "xWtq5NUHOwql",
"isInheritable": false,
"position": 190
},
{
"type": "relation",
"name": "internalLink",
"value": "m1lbrzyKDaRB",
"isInheritable": false,
"position": 200
},
{
"type": "relation",
"name": "internalLink",
"value": "wX4HbRucYSDD",
"isInheritable": false,
"position": 210
},
{
"type": "relation",
"name": "internalLink",
"value": "4TIF1oA4VQRO",
"isInheritable": false,
"position": 220
},
{
"type": "relation",
"name": "internalLink",
"value": "l0tKav7yLHGF",
"isInheritable": false,
"position": 230
} }
], ],
"format": "html", "format": "html",
@ -2420,6 +2560,34 @@
"dataFileName": "1_Workspace_image.png" "dataFileName": "1_Workspace_image.png"
} }
] ]
},
{
"isClone": false,
"noteId": "xWtq5NUHOwql",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"wArbEsdSae6g",
"xWtq5NUHOwql"
],
"title": "Similar Notes",
"notePosition": 80,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-bar-chart",
"isInheritable": false,
"position": 10
}
],
"format": "html",
"dataFileName": "Similar Notes.html",
"attachments": []
} }
] ]
}, },
@ -7194,6 +7362,33 @@
"attachments": [] "attachments": []
} }
] ]
},
{
"isClone": false,
"noteId": "m1lbrzyKDaRB",
"notePath": [
"pOsGYCXsbNQG",
"tC7s2alapj8V",
"m1lbrzyKDaRB"
],
"title": "Note ID",
"notePosition": 180,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-hash",
"isInheritable": false,
"position": 10
}
],
"format": "html",
"dataFileName": "Note ID.html",
"attachments": []
} }
] ]
}, },

View File

@ -0,0 +1,19 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../style.css">
<base target="_parent">
<title data-trilium-title>Note ID</title>
</head>
<body>
<div class="content">
<h1 data-trilium-h1>Note ID</h1>
<div class="ck-content"></div>
</div>
</body>
</html>

View File

@ -0,0 +1,19 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../style.css">
<base target="_parent">
<title data-trilium-title>Similar Notes</title>
</head>
<body>
<div class="content">
<h1 data-trilium-h1>Similar Notes</h1>
<div class="ck-content"></div>
</div>
</body>
</html>

View File

@ -22,6 +22,92 @@
<p>It is possible to change whether some ribbon items will be automatically <p>It is possible to change whether some ribbon items will be automatically
open when navigating to a new note. To do so, in&nbsp;<a href="Options.html">Settings</a>, open when navigating to a new note. To do so, in&nbsp;<a href="Options.html">Settings</a>,
go to <em>Appearance</em> and look for the <em>Ribbon widgets</em> section.</p> go to <em>Appearance</em> and look for the <em>Ribbon widgets</em> section.</p>
<h2>Formatting</h2>
<p>If you are using the <em>Fixed</em> formatting toolbar, all the formatting
buttons for text notes will appear here. See&nbsp;<a class="reference-link"
href="../../Note%20Types/Text/Formatting%20toolbar.html">Formatting toolbar</a>&nbsp;for
more information.</p>
<h2>Tabs</h2>
<h3>Basic Properties</h3>
<ul>
<li><em><strong>Note type</strong></em> allows changing the <a href="../../Note%20Types">note type</a> of
a note.
<ul>
<li>Generally this is desirable only if the note is empty.</li>
<li>As a more advanced use, it's possible to change the note type in order
to modify the <a href="../../Advanced%20Usage/Note%20source.html">source code</a> of
a note.</li>
</ul>
</li>
<li><em><strong>Protect the note</strong></em> toggles whether the current
note is encrypted and accessible only by entering the protected session.
See&nbsp;<a class="reference-link" href="../Notes/Protected%20Notes.html">Protected Notes</a>&nbsp;for
more information.</li>
<li><em><strong>Editable</strong> </em>changes whether the current note:
<ul>
<li>Enters <a href="../Notes/Read-Only%20Notes.html">read-only mode</a> automatically
if the note is too big (default behaviour).</li>
<li>Is always in read-only mode (however it can still be edited temporarily).</li>
<li>Is always editable, regardless of its size.</li>
</ul>
</li>
<li><em><strong>Bookmark</strong></em> toggles the display of the current note
into the&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launch Bar</a>&nbsp;for
easy access. See&nbsp;<a class="reference-link" href="../Navigation/Bookmarks.html">Bookmarks</a>&nbsp;for
more information.</li>
<li><em><strong>Shared</strong></em> toggles whether the current note is publicly
accessible if you have a <a href="../../Installation%20%26%20Setup/Server%20Installation.html">server instance</a> set
up. See&nbsp;<a class="reference-link" href="../../Advanced%20Usage/Sharing.html">Sharing</a>&nbsp;for
more information.</li>
<li><em><strong>Template</strong></em> toggles whether the current note is
considered a template and can be used to easily create notes with the same
content. See&nbsp;<a class="reference-link" href="../../Advanced%20Usage/Attributes/Template.html">Template</a>&nbsp;for
more information.</li>
<li><em><strong>Language</strong></em> changes the main language of the current
note, mostly useful for spell checking or right-to-left support. See&nbsp;
<a
class="reference-link" href="../../Note%20Types/Text/Content%20language%20%26%20Right-to-le.html">Content language &amp; Right-to-left support</a>&nbsp;for more information.</li>
</ul>
<h3>Owned Attributes</h3>
<p>This section allows editing the labels and relations of a note. For more
information, see&nbsp;<a class="reference-link" href="../../Advanced%20Usage/Attributes.html">Attributes</a>.</p>
<p>The plus button to the right offers a simplified way to insert labels
and relations, via a graphical input. From this menu, it's also possible
to define label and relation definitions (see&nbsp;<a class="reference-link"
href="../../Advanced%20Usage/Attributes/Promoted%20Attributes.html">Promoted Attributes</a>).</p>
<h3>Inherited Attributes</h3>
<p>This section displays the attributes which are applied to this note via&nbsp;
<a
class="reference-link" href="../../Advanced%20Usage/Attributes/Attribute%20Inheritance.html">Attribute Inheritance</a>. It is not possible to alter the attributes
from this section.</p>
<h3>Note Paths</h3>
<p>This section displays all the places where the current note has been cloned
to. Here the current note can also be cloned to a new location (similar
to the&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>)
See&nbsp;<a class="reference-link" href="../Notes/Cloning%20Notes.html">Cloning Notes</a>&nbsp;for
more information.</p>
<h3>Note Map</h3>
<p>The note map displays all the relations of the current note to other notes,
as well as the subtree structure. See&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>&nbsp;for
more information.</p>
<h3>Similar Notes</h3>
<p>This section lists all the notes that are similar to the current one.
See&nbsp;<a class="reference-link" href="../Navigation/Similar%20Notes.html">Similar Notes</a>&nbsp;for
more information.</p>
<h3>Note Info</h3>
<p>This section displays information about the current note:</p>
<ul>
<li>The <a href="../../Advanced%20Usage/Note%20ID.html">internal ID</a> of the
note.</li>
<li>The <a href="../../Note%20Types">type of the note</a>, as well as its MIME
type (used mostly for exporting notes).</li>
<li>The created and modification dates.</li>
<li>The estimated size of the note in the&nbsp;<a class="reference-link" href="../../Advanced%20Usage/Database.html">Database</a>,
as well as its children count and size.</li>
</ul>
<h3>Edited notes</h3>
<p>This section pops automatically when entering a <a href="../../Advanced%20Usage/Advanced%20Showcases/Day%20Notes.html">day note</a> and
shows the notes that were edited that day.</p>
</div> </div>
</div> </div>
</body> </body>

View File

@ -14,13 +14,12 @@
<div class="ck-content"> <div class="ck-content">
<h2>Creating a new geo map</h2> <h2>Creating a new geo map</h2>
<figure class="table">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -40,8 +39,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</figure>
<h2>Repositioning the map</h2> <h2>Repositioning the map</h2>
<ul> <ul>
<li>Click and drag the map in order to move across the map.</li> <li>Click and drag the map in order to move across the map.</li>
<li>Use the mouse wheel, two-finger gesture on a touchpad or the +/- buttons <li>Use the mouse wheel, two-finger gesture on a touchpad or the +/- buttons
@ -50,19 +49,18 @@
<p>The position on the map and the zoom are saved inside the map note and <p>The position on the map and the zoom are saved inside the map note and
restored when visiting again the note.</p> restored when visiting again the note.</p>
<h2>Adding a marker using the map</h2> <h2>Adding a marker using the map</h2>
<figure class="table">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>&nbsp;</td> <td></td>
<td>To create a marker, first navigate to the desired point on the map. Then <td>To create a marker, first navigate to the desired point on the map. Then
press the press the
<img src="15_Geo map_image.png">button on the top-right of the map.&nbsp;&nbsp; <img src="15_Geo map_image.png">button on the top-right of the map.&nbsp;&nbsp;
@ -99,8 +97,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</figure>
<h2>How the location of the markers is stored</h2> <h2>How the location of the markers is stored</h2>
<p>The location of a marker is stored in the <code>#geolocation</code> attribute <p>The location of a marker is stored in the <code>#geolocation</code> attribute
of the child notes:</p> of the child notes:</p>
<p> <p>
@ -137,10 +135,9 @@
</li> </li>
</ul> </ul>
<h2>Icon and color of the markers</h2> <h2>Icon and color of the markers</h2>
<figure class="image image-style-align-center"> <p>
<img style="aspect-ratio:523/295;" src="Geo map_image.jpg" alt="image" <img src="Geo map_image.jpg" alt="image">
width="523" height="295"> </p>
</figure>
<p>The markers will have the same icon as the note.</p> <p>The markers will have the same icon as the note.</p>
<p>It's possible to add a custom color to a marker by assigning them a <code>#color</code> attribute <p>It's possible to add a custom color to a marker by assigning them a <code>#color</code> attribute
such as <code>#color=green</code>.</p> such as <code>#color=green</code>.</p>
@ -150,13 +147,12 @@
<p>The value of the attribute is made up of the latitude and longitude separated <p>The value of the attribute is made up of the latitude and longitude separated
by a comma.</p> by a comma.</p>
<h3>Adding from Google Maps</h3> <h3>Adding from Google Maps</h3>
<figure class="table">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -193,16 +189,15 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</figure>
<h3>Adding from OpenStreetMap</h3> <h3>Adding from OpenStreetMap</h3>
<p>Similarly to the Google Maps approach:</p> <p>Similarly to the Google Maps approach:</p>
<figure class="table">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -234,17 +229,15 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</figure>
<h2>Adding GPS tracks (.gpx)</h2> <h2>Adding GPS tracks (.gpx)</h2>
<p>Trilium has basic support for displaying GPS tracks on the geo map.</p> <p>Trilium has basic support for displaying GPS tracks on the geo map.</p>
<figure
class="table">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -275,8 +268,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</figure>
<h2>Troubleshooting</h2> <h2>Troubleshooting</h2>
<p> <p>
<img src="13_Geo map_image.png"> <img src="13_Geo map_image.png">
</p> </p>

View File

@ -19,43 +19,33 @@
keep them into one place.</p> keep them into one place.</p>
<p>As such, the first step is to create a new note to gather all the themes.</p> <p>As such, the first step is to create a new note to gather all the themes.</p>
<p> <p>
<img src="1_Creating a custom theme_5_.png" width="181" height="84"> <img src="1_Creating a custom theme_5_.png">
</p> </p>
<h2>Step 2. Create the theme</h2> <h2>Step 2. Create the theme</h2>
<figure class="table">
<table> <table>
<thead> <thead>
<tr> <tr>
<th>&nbsp;</th> <th></th>
<th>&nbsp;</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> <td>
<figure class="image"> <img src="Creating a custom theme_3_.png">
<img style="aspect-ratio:651/220;" src="Creating a custom theme_3_.png"
width="651" height="220">
</figure>
</td> </td>
<td>Themes are code notes with a special attribute. Start by creating a new <td>Themes are code notes with a special attribute. Start by creating a new
code note.</td> code note.</td>
</tr> </tr>
<tr> <tr>
<td> <td>
<figure class="image"> <img src="Creating a custom theme_1_.png">
<img style="aspect-ratio:302/349;" src="Creating a custom theme_1_.png"
width="302" height="349">
</figure>
</td> </td>
<td>Then change the note type to a CSS code.</td> <td>Then change the note type to a CSS code.</td>
</tr> </tr>
<tr> <tr>
<td> <td>
<figure class="image"> <img src="Creating a custom theme_Cr.png">
<img style="aspect-ratio:316/133;" src="Creating a custom theme_Cr.png"
width="316" height="133">
</figure>
</td> </td>
<td>In the <em>Owned Attributes</em> section define the <code>#appTheme</code> attribute <td>In the <em>Owned Attributes</em> section define the <code>#appTheme</code> attribute
to point to any desired name. This is the name that will show up in the to point to any desired name. This is the name that will show up in the
@ -63,8 +53,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</figure>
<h2>Step 3. Define the theme's CSS</h2> <h2>Step 3. Define the theme's CSS</h2>
<p>As a very simple example we will change the background color of the launcher <p>As a very simple example we will change the background color of the launcher
pane to a shade of blue.</p> pane to a shade of blue.</p>
<p>To alter the different variables of the theme:</p><pre><code class="language-text-css">:root { <p>To alter the different variables of the theme:</p><pre><code class="language-text-css">:root {
@ -74,11 +64,11 @@
<p>Refresh the application (Ctrl+Shift+R is a good way to do so) and go to <p>Refresh the application (Ctrl+Shift+R is a good way to do so) and go to
settings. You should see the newly created theme:</p> settings. You should see the newly created theme:</p>
<p> <p>
<img src="Creating a custom theme_2_.png" width="631" height="481"> <img src="Creating a custom theme_2_.png">
</p> </p>
<p>Afterwards the application will refresh itself with the new theme:</p> <p>Afterwards the application will refresh itself with the new theme:</p>
<p> <p>
<img src="Creating a custom theme_4_.png" width="653" height="554"> <img src="Creating a custom theme_4_.png">
</p> </p>
<p>Do note that the theme will be based off of the legacy theme. To override <p>Do note that the theme will be based off of the legacy theme. To override
that and base the theme on the new TriliumNext theme, see:&nbsp;<a href="Customize%20the%20Next%20theme.html">Theme base (legacy vs. next)</a> that and base the theme on the new TriliumNext theme, see:&nbsp;<a href="Customize%20the%20Next%20theme.html">Theme base (legacy vs. next)</a>

View File

@ -156,6 +156,9 @@
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Navigation/Workspace.html" <li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Navigation/Workspace.html"
target="detail">Workspace</a> target="detail">Workspace</a>
</li> </li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Navigation/Similar%20Notes.html"
target="detail">Similar Notes</a>
</li>
</ul> </ul>
</li> </li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Keyboard%20Shortcuts.html" <li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Keyboard%20Shortcuts.html"
@ -410,6 +413,8 @@
</li> </li>
</ul> </ul>
</li> </li>
<li><a href="User%20Guide/Advanced%20Usage/Note%20ID.html" target="detail">Note ID</a>
</li>
</ul> </ul>
</li> </li>
<li>Attachments <li>Attachments