From f944c6d8e2fb42fca748803dc8b5af82bb84b612 Mon Sep 17 00:00:00 2001
From: Elian Doran While the sharing feature is powerful, it has some limitations: Some of these limitations may be addressed in future updates.
-
-Features, interaction and limitations
+ Features, interaction and limitations
-
By note type
-
-
+
-
-
-
-
- Supported features
- Limitations
-
-
- Text
-
-
-
-
-
-
-
-
-
-
-
- Code
-
-
-
-
-
-
-
-
-
-
-
- Saved Search
-
- Not supported.
-
-
-
- Relation Map
-
- Not supported.
-
-
-
- Note Map
-
- Not supported.
-
-
-
- Render Note
-
- Not supported.
-
-
-
- Collections
-
-
-
-
-
-
-
-
-
-
-
- Mermaid Diagrams
-
-
-
-
-
-
-
-
-
-
-
- Canvas
-
-
-
-
-
-
-
-
-
-
-
- Web View
-
- Not supported.
-
-
-
- Mind Map
-
- The diagram is displayed as a vector image.
-
-
-
-
-
-
- Geo Map View
-
- Not supported.
-
-
-
-
- File
-
- Basic interaction (downloading the file).
-
-
-
-
-
+
+
+
+
+
+
+ Supported features
+ Limitations
+
+
+ Text
+
+
+
+
+
+
+
+
+
+
+
+ Code
+
+
+
+
+
+
+
+
+
+
+
+ Saved Search
+
+ Not supported.
+
+
+
+ Relation Map
+
+ Not supported.
+
+
+
+ Note Map
+
+ Not supported.
+
+
+
+ Render Note
+
+ Not supported.
+
+
+
+ Collections
+
+
+
+
+
+
+
+
+
+
+
+ Mermaid Diagrams
+
+
+
+
+
+
+
+
+
+
+
+ Canvas
+
+
+
+
+
+
+
+
+
+
+
+ Web View
+
+ Not supported.
+
+
+
+ Mind Map
+
+ The diagram is displayed as a vector image.
+
+
+
+
+
+
+ Geo Map View
+
+ Not supported.
+
+
+
+
+ File
+
+ Basic interaction (downloading the file).
+
+
+
+
+
-
Prerequisites
@@ -181,7 +186,7 @@ class="image">
is necessary because the notes will be hosted from the server.
Enable Sharing: To share a note, toggle the Shared switch
within the note's interface. Once sharing is enabled, an URL will appear,
which you can click to access the shared note.
Access the Shared Note: The link provided will open the
- note in your browser. If your server is not configured with a public IP,
- the URL will refer to localhost (127.0.0.1).
localhost (127.0.0.1).When you share a note, you actually share the entire subtree of notes @@ -220,12 +223,13 @@ class="image">
The default design should be a good starting point, but you can customize it using your own CSS:
~shareCss relation to the note. If you want this style to
apply to the entire subtree, make the label inheritable. You can hide the
CSS code note from the tree navigation by adding the #shareHiddenFromTree label.#shareOmitDefaultCss label to avoid conflicts with Trilium's
default stylesheet.The #shareHtmlLocation label accepts values in the format location:position:
head, body, content
+ head, body, content
start, end
+ start, end
For example:
#shareHtmlLocation=head:start - Injects HTML at the beginning
+ #shareHtmlLocation=head:start - Injects HTML at the beginning
of the <head> section#shareHtmlLocation=head:end - Injects HTML at the end of the <head> section
+ #shareHtmlLocation=head:end - Injects HTML at the end of the <head> section
(default)#shareHtmlLocation=body:start - Injects HTML at the beginning
+ #shareHtmlLocation=body:start - Injects HTML at the beginning
of the <body> section#shareHtmlLocation=content:start - Injects HTML at the beginning
+ #shareHtmlLocation=content:start - Injects HTML at the beginning
of the content area#shareHtmlLocation=content:end - Injects HTML at the end of
+ #shareHtmlLocation=content:end - Injects HTML at the end of
the content areaIf no location is specified, the HTML will be injected at content:end by
@@ -276,10 +280,20 @@ for (const attr of parentNote.attributes) {
This will change the URL to http://domain.tld/share/highlighting.
Important:
/) within aliases to create subpaths is not
+ /) within aliases to create subpaths is not
supported.To customize the favicon for your shared pages, create a relation ~shareFavicon pointing
to a file note containing the favicon (e.g., in .ico format).
| Attribute | -Description | -
|---|---|
shareHiddenFromTree
- |
- this note is hidden from left navigation tree, but still accessible with - its URL | -
shareExternalLink
- |
- note will act as a link to an external website in the share tree | -
shareAlias
- |
- define an alias using which the note will be available under https://your_trilium_host/share/[your_alias]
- |
-
shareOmitDefaultCss
- |
- default share page CSS will be omitted. Use when you make extensive styling - changes. | -
shareRoot
- |
- marks note which is served on /share root. | -
shareDescription
- |
- define text to be added to the HTML meta tag for description | -
shareRaw
- |
- Note will be served in its raw format, without HTML wrapper. See also - Serving directly the content of a note for an alternative method - without setting an attribute. | -
shareDisallowRobotIndexing
- |
-
- Indicates to web crawlers that the page should not be indexed of this - note by: -
|
-
shareCredentials
- |
- require credentials to access this shared note. Value is expected to be
- in format username:password. Don't forget to make this inheritable
- to apply to child-notes/images. |
-
shareIndex
- |
- Note with this label will list all roots of shared notes. | -
shareHtmlLocation
- |
- defines where custom HTML injected via ~shareHtml relation
- should be placed. Applied to the HTML snippet note itself. Format: location:position where
- location is head, body, or content and
- position is start or end. Defaults to content:end. |
-
| Attribute | +Description | +
|---|---|
shareHiddenFromTree
+ |
+ this note is hidden from left navigation tree, but still accessible with + its URL | +
shareExternalLink
+ |
+ note will act as a link to an external website in the share tree | +
shareAlias
+ |
+ define an alias using which the note will be available under https://your_trilium_host/share/[your_alias]
+ |
+
shareOmitDefaultCss
+ |
+ default share page CSS will be omitted. Use when you make extensive styling + changes. | +
shareRoot
+ |
+ marks note which is served on /share root. | +
shareDescription
+ |
+ define text to be added to the HTML meta tag for description | +
shareRaw
+ |
+ Note will be served in its raw format, without HTML wrapper. See also + Serving directly the content of a note for an alternative method + without setting an attribute. | +
shareDisallowRobotIndexing
+ |
+
+ Indicates to web crawlers that the page should not be indexed of this + note by: +
|
+
shareCredentials
+ |
+ require credentials to access this shared note. Value is expected to be
+ in format username:password. Don't forget to make this inheritable
+ to apply to child-notes/images. |
+
shareIndex
+ |
+ Note with this label will list all roots of shared notes. | +
shareHtmlLocation
+ |
+ defines where custom HTML injected via ~shareHtml relation
+ should be placed. Applied to the HTML snippet note itself. Format: location:position where
+ location is head, body, or content and
+ position is start or end. Defaults to content:end. |
+
Since v0.95.0, a new theme was introduced (and enabled by default) which greatly improves the visual aspect of the Share feature, as well as its functionality (such as mobile support, dark/light mode, collapsible tree, diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Advanced Usage/Sharing/Exporting HTML for web publish.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Advanced Usage/Sharing/Exporting HTML for web publish.html index 2f3341063..c8d26bf85 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Advanced Usage/Sharing/Exporting HTML for web publish.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Advanced Usage/Sharing/Exporting HTML for web publish.html @@ -1,4 +1,4 @@ -
As described in Sharing, +
As described in Sharing, Trilium can act as a public server in which the shared notes are displayed in read-only mode. While this can work in most cases, it's generally not meant for high-traffic websites and since it's running on a Node.js server @@ -7,7 +7,7 @@ static site generators such as MkDocs). Since the normal HTML ZIP export does not contain any styling or additional functionality, Trilium provides a way to export the same layout and style - as the Sharing function + as the Sharing function into static HTML files.
Apart from the enhanced security, these HTML files are also easy to deploy on “serverless” deployments such as GitHub Pages or CloudFlare Pages and @@ -21,25 +21,24 @@ static web format.
Apart from normal Sharing, +
Apart from normal Sharing, exporting to static HTML files comes with a few subtle differences:
example.com/share/noteid, the notes follow
an hierarchical structure, such as docs.triliumnotes.org/user-guide/concepts/navigation/tree-concepts.favicon.ico is not handled automatically, it needs to be
+ favicon.ico is not handled automatically, it needs to be
manually added on the server after the export is generated.shareAlias to allow
+ shareAlias to allow
for clean URLs.npm i -g http-server
Once installed simply:
http-server.http-server.Local only desktop/laptop - Allows a single instance on a desktop and will save the notes locally on that desktop.
Server with web only access - Installs the application on the server and allows access from any web browser on any device, including mobile.
Combination of server and desktop/laptop - Install the application on both a server, for web access and data synchronisation, @@ -23,12 +22,11 @@ desktop application will sync and store the data locally so that it can be used when offline.
| Label | Description |
|---|---|
disableVersioning | Disables automatic creation of Note Revisions for a particular note. Useful for e.g. large, but unimportant notes - e.g. large JS libraries used for scripting. |
versioningLimit | Limits the maximum number of Note Revisions for a particular note, overriding the global settings. |
calendarRoot | Marks the note which should be used as root for Day Notes. Only one should be marked as such. |
archived | Hides notes from default search results and dialogs. Archived notes can optionally be hidden in the Note Tree. |
excludeFromExport | Excludes this note and its children when exporting. |
run, runOnInstance, runAtHour | See Events. |
disableInclusion | Scripts with this label won't be included into parent script execution. |
sorted | Keeps child notes sorted by title alphabetically. When given a value, it will sort by the value of another label instead. If one of the child notes doesn't have the specified label, the title will be used for them instead. |
sortDirection | If
|
sortFoldersFirst | If sorted is applied, folders (notes with children) will be sorted as a group at the top, and the rest will be sorted. |
top | If sorted is applied to the parent note, keeps given note on top in its parent. |
hidePromotedAttributes | Hide Promoted Attributes on this note. Generally useful when defining inherited attributes, but the parent note doesn't need them. |
readOnly | Marks a note to be always be read-only, if it's a supported note (text, code, mermaid). |
autoReadOnlyDisabled | Disables automatic read-only mode for the given note. |
appCss | Marks CSS notes which are loaded into the Trilium application and can thus be used to modify Trilium's looks. See Custom app-wide CSS for more info. |
appTheme | Marks CSS notes which are full Trilium themes and are thus available in Trilium options. See Theme development for more information. |
appThemeBase | Set to next, next-light, or next-dark to use the corresponding TriliumNext theme (auto, light or dark) as the base for a custom theme, instead of the legacy one. See Customize the Next theme for more information. |
cssClass | Value of this label is then added as CSS class to the node representing given note in the Note Tree. This can be useful for advanced theming. Can be used in template notes. |
iconClass | value of this label is added as a CSS class to the icon on the tree which can help visually distinguish the notes in the tree. Example might be bx bx-home - icons are taken from boxicons. Can be used in template notes. |
pageSize | Specifies the number of items per page in Note List. |
customRequestHandler | See Custom Request Handler. |
customResourceProvider | See Custom Resource Providers. |
widget | Marks this note as a custom widget which will be added to the Trilium component tree. See Custom Widgets for more information. |
searchHome | New search notes will be created as children of this note (see Saved Search). |
workspace and related attributes | See Workspaces. |
inbox | default inbox location for new notes - when you create a note using new note button in the sidebar, notes will be created as child notes in the note marked as with #inbox label. |
sqlConsoleHome | Default location of SQL Console notes |
bookmarked | Indicates this note is a bookmark. |
bookmarkFolder | Note with this label will appear in bookmarks as folder (allowing access to its children). See Bookmarks for more information. |
share* | See the attribute reference in Sharing. |
displayRelations, hideRelations | Comma delimited names of relations which should be displayed/hidden in a Relation Map (both the note type and the Note Map (Link map, Tree map) general functionality). |
titleTemplate | Default title of notes created as children of this note. This value is evaluated as a JavaScript string and thus can be enriched with dynamic content via the injected Examples:
See Default Note Title for more info. |
template | This note will appear in the selection of available template when creating new note. See Templates for more information. |
toc | Controls the display of the Table of contents for a given note. #toc or #toc=show to always display the table of contents, #toc=false to always hide it. |
color | defines color of the note in note tree, links etc. Use any valid CSS color value like 'red' or #a13d5f Note: this color may be automatically adjusted when displayed to ensure sufficient contrast with the background. |
keyboardShortcut | Defines a keyboard shortcut which will immediately jump to this note. Example: 'ctrl+alt+e'. Requires frontend reload for the change to take effect. |
keepCurrentHoisting | Opening this link won't change hoisting even if the note is not displayable in the current hoisted subtree. |
executeButton | Title of the button which will execute the current code note |
executeDescription | Longer description of the current code note displayed together with the execute button |
excludeFromNoteMap | Notes with this label will be hidden from the Note Map. |
newNotesOnTop | New notes will be created at the top of the parent note, not on the bottom. |
hideHighlightWidget | Hides the Highlights list widget |
hideChildrenOverview | Hides the Note List for that particular note. |
printLandscape | When exporting to PDF, changes the orientation of the page to landscape instead of portrait. |
printPageSize | When exporting to PDF, changes the size of the page. Supported values: A0, A1, A2, A3, A4, A5, A6, Legal, Letter, Tabloid, Ledger. |
geolocation | Indicates the latitude and longitude of a note, to be displayed in a Geo Map. |
calendar:* | Defines specific options for the Calendar View. |
viewType | Sets the view of child notes (e.g. grid or list). See Note List for more information. |
| Label | Description |
|---|---|
disableVersioning | Disables automatic creation of Note Revisions for a particular note. Useful for e.g. large, but unimportant notes - e.g. large JS libraries used for scripting. |
versioningLimit | Limits the maximum number of Note Revisions for a particular note, overriding the global settings. |
calendarRoot | Marks the note which should be used as root for Day Notes. Only one should be marked as such. |
archived | Hides notes from default search results and dialogs. Archived notes can optionally be hidden in the Note Tree. |
excludeFromExport | Excludes this note and its children when exporting. |
run, runOnInstance, runAtHour | See Events. |
disableInclusion | Scripts with this label won't be included into parent script execution. |
sorted | Keeps child notes sorted by title alphabetically. When given a value, it will sort by the value of another label instead. If one of the child notes doesn't have the specified label, the title will be used for them instead. |
sortDirection | If
|
sortFoldersFirst | If sorted is applied, folders (notes with children) will be sorted as a group at the top, and the rest will be sorted. |
top | If sorted is applied to the parent note, keeps given note on top in its parent. |
hidePromotedAttributes | Hide Promoted Attributes on this note. Generally useful when defining inherited attributes, but the parent note doesn't need them. |
readOnly | Marks a note to be always be read-only, if it's a supported note (text, code, mermaid). |
autoReadOnlyDisabled | Disables automatic read-only mode for the given note. |
appCss | Marks CSS notes which are loaded into the Trilium application and can thus be used to modify Trilium's looks. See Custom app-wide CSS for more info. |
appTheme | Marks CSS notes which are full Trilium themes and are thus available in Trilium options. See Theme development for more information. |
appThemeBase | Set to next, next-light, or next-dark to use the corresponding TriliumNext theme (auto, light or dark) as the base for a custom theme, instead of the legacy one. See Customize the Next theme for more information. |
cssClass | Value of this label is then added as CSS class to the node representing given note in the Note Tree. This can be useful for advanced theming. Can be used in template notes. |
iconClass | value of this label is added as a CSS class to the icon on the tree which can help visually distinguish the notes in the tree. Example might be bx bx-home - icons are taken from boxicons. Can be used in template notes. |
pageSize | Specifies the number of items per page in Note List. |
customRequestHandler | See Custom Request Handler. |
customResourceProvider | See Custom Resource Providers. |
widget | Marks this note as a custom widget which will be added to the Trilium component tree. See Custom Widgets for more information. |
searchHome | New search notes will be created as children of this note (see Saved Search). |
workspace and related attributes | See Workspaces. |
inbox | default inbox location for new notes - when you create a note using new note button in the sidebar, notes will be created as child notes in the note marked as with #inbox label. |
sqlConsoleHome | Default location of SQL Console notes |
bookmarked | Indicates this note is a bookmark. |
bookmarkFolder | Note with this label will appear in bookmarks as folder (allowing access to its children). See Bookmarks for more information. |
share* | See the attribute reference in Sharing. |
displayRelations, hideRelations | Comma delimited names of relations which should be displayed/hidden in a Relation Map (both the note type and the Note Map (Link map, Tree map) general functionality). |
titleTemplate | Default title of notes created as children of this note. This value is evaluated as a JavaScript string and thus can be enriched with dynamic content via the injected Examples:
See Default Note Title for more info. |
template | This note will appear in the selection of available template when creating new note. See Templates for more information. |
toc | Controls the display of the Table of contents for a given note. #toc or #toc=show to always display the table of contents, #toc=false to always hide it. |
color | defines color of the note in note tree, links etc. Use any valid CSS color value like 'red' or #a13d5f Note: this color may be automatically adjusted when displayed to ensure sufficient contrast with the background. |
keyboardShortcut | Defines a keyboard shortcut which will immediately jump to this note. Example: 'ctrl+alt+e'. Requires frontend reload for the change to take effect. |
keepCurrentHoisting | Opening this link won't change hoisting even if the note is not displayable in the current hoisted subtree. |
executeButton | Title of the button which will execute the current code note |
executeDescription | Longer description of the current code note displayed together with the execute button |
excludeFromNoteMap | Notes with this label will be hidden from the Note Map. |
newNotesOnTop | New notes will be created at the top of the parent note, not on the bottom. |
hideHighlightWidget | Hides the Highlights list widget |
hideChildrenOverview | Hides the Note List for that particular note. |
printLandscape | When exporting to PDF, changes the orientation of the page to landscape instead of portrait. |
printPageSize | When exporting to PDF, changes the size of the page. Supported values: A0, A1, A2, A3, A4, A5, A6, Legal, Letter, Tabloid, Ledger. |
geolocation | Indicates the latitude and longitude of a note, to be displayed in a Geo Map. |
calendar:* | Defines specific options for the Calendar View. |
viewType | Sets the view of child notes (e.g. grid or list). See Note List for more information. |
| Supported features | Limitations | |
|---|---|---|
| Text |
|
|
| Code |
|
|
| Saved Search | Not supported. | |
| Relation Map | Not supported. | |
| Note Map | Not supported. | |
| Render Note | Not supported. | |
| Collections |
|
|
| Mermaid Diagrams |
|
|
| Canvas |
|
|
| Web View | Not supported. | |
| Mind Map | The diagram is displayed as a vector image. |
|
| Geo Map View | Not supported. | |
| File | Basic interaction (downloading the file). |
|
| Supported features | Limitations | |
|---|---|---|
| Text |
|
|
| Code |
|
|
| Saved Search | Not supported. | |
| Relation Map | Not supported. | |
| Note Map | Not supported. | |
| Render Note | Not supported. | |
| Collections |
|
|
| Mermaid Diagrams |
|
|
| Canvas |
|
|
| Web View | Not supported. | |
| Mind Map | The diagram is displayed as a vector image. |
|
| Geo Map View | Not supported. | |
| File | Basic interaction (downloading the file). |
|

| Once pressed, the map will enter in the insert mode, as illustrated by the notification.
| Enter the name of the marker/note to be created. |
| 4 |
| Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. |
@@ -40,13 +40,13 @@ The position on the map and the zoom are saved inside the map note and restored
### Adding an existing note on note from the note tree
-1. Select the desired note in the Note Tree.
+1. Select the desired note in the Note Tree.
2. Hold the mouse on the note and drag it to the map to the desired location.
3. The map should be updated with the new marker.
This works for:
-* Notes that are not part of the geo map, case in which a [clone](../../Basic%20Concepts%20and%20Features/Notes/Cloning%20Notes.md) will be created.
+* Notes that are not part of the geo map, case in which a [clone](../Basic%20Concepts%20and%20Features/Notes/Cloning%20Notes.md) will be created.
* Notes that are a child of the geo map but not yet positioned on the map.
* Notes that are a child of the geo map and also positioned, case in which the marker will be relocated to the new position.
@@ -71,11 +71,11 @@ If moved by mistake, there is currently no way to undo the change. If the mouse
## Interaction with the markers
-* Hovering over a marker will display a Note Tooltip with the content of the note it belongs to.
+* Hovering over a marker will display a Note Tooltip with the content of the note it belongs to.
* Clicking on the note title in the tooltip will navigate to the note in the current view.
* Middle-clicking the marker will open the note in a new tab.
* Right-clicking the marker will open a contextual menu (as described below).
-* If the map is in read-only mode, clicking on a marker will open a Quick edit popup for the corresponding note.
+* If the map is in read-only mode, clicking on a marker will open a Quick edit popup for the corresponding note.
## Contextual menu
@@ -142,17 +142,17 @@ Trilium has basic support for displaying GPS tracks on the geo map.
When a map is in read-only all editing features will be disabled such as:
-* The add button in the Floating buttons.
+* The add button in the Floating buttons.
* Dragging markers.
* Editing from the contextual menu (removing locations or adding new items).
-To enable read-only mode simply press the _Lock_ icon from the Floating buttons. To disable it, press the button again.
+To enable read-only mode simply press the _Lock_ icon from the Floating buttons. To disable it, press the button again.
## Configuration
### Map Style
-The styling of the map can be adjusted in the _Collection Properties_ tab in the Ribbon or manually via the `#map:style` attribute.
+The styling of the map can be adjusted in the _Collection Properties_ tab in the Ribbon or manually via the `#map:style` attribute.
The geo map comes with two different types of styles:
@@ -171,7 +171,7 @@ The geo map comes with two different types of styles:
### Scale
-Activating this option via the Ribbon or manually via `#map:scale` will display an indicator in the bottom-left of the scale of the map.
+Activating this option via the Ribbon or manually via `#map:scale` will display an indicator in the bottom-left of the scale of the map.
## Troubleshooting
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Geo Map View_image.jpg b/docs/User Guide/User Guide/Collections/Geo Map View_image.jpg
similarity index 100%
rename from docs/User Guide/User Guide/Note Types/Collections/Geo Map View_image.jpg
rename to docs/User Guide/User Guide/Collections/Geo Map View_image.jpg
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Geo Map View_image.png b/docs/User Guide/User Guide/Collections/Geo Map View_image.png
similarity index 100%
rename from docs/User Guide/User Guide/Note Types/Collections/Geo Map View_image.png
rename to docs/User Guide/User Guide/Collections/Geo Map View_image.png
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Grid View.md b/docs/User Guide/User Guide/Collections/Grid View.md
similarity index 54%
rename from docs/User Guide/User Guide/Note Types/Collections/Grid View.md
rename to docs/User Guide/User Guide/Collections/Grid View.md
index 33f887010..94c091555 100644
--- a/docs/User Guide/User Guide/Note Types/Collections/Grid View.md
+++ b/docs/User Guide/User Guide/Collections/Grid View.md
@@ -11,12 +11,12 @@ Each tile contains:
Depending on the type of note:
-* For Text notes, the text can be slightly scrollable via the mouse wheel to reveal more context.
-* For Code notes, syntax highlighting is applied.
-* For File notes, a preview is made available for audio, video and PDF notes.
+* For Text notes, the text can be slightly scrollable via the mouse wheel to reveal more context.
+* For Code notes, syntax highlighting is applied.
+* For File notes, a preview is made available for audio, video and PDF notes.
* If the note does not have a content, a list of its child notes will be displayed instead.
-The grid view is also used by default in the Note List of every note, making it easy to navigate to children notes.
+The grid view is also used by default in the Note List of every note, making it easy to navigate to children notes.
## Configuration
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Grid View_image.png b/docs/User Guide/User Guide/Collections/Grid View_image.png
similarity index 100%
rename from docs/User Guide/User Guide/Note Types/Collections/Grid View_image.png
rename to docs/User Guide/User Guide/Collections/Grid View_image.png
diff --git a/docs/User Guide/User Guide/Note Types/Collections/List View.md b/docs/User Guide/User Guide/Collections/List View.md
similarity index 79%
rename from docs/User Guide/User Guide/Note Types/Collections/List View.md
rename to docs/User Guide/User Guide/Collections/List View.md
index e6f07aa89..76fd15820 100644
--- a/docs/User Guide/User Guide/Note Types/Collections/List View.md
+++ b/docs/User Guide/User Guide/Collections/List View.md
@@ -8,4 +8,4 @@ In the example above, the "Node.js" note on the left panel contains several chil
## Interaction
* Each note can be expanded or collapsed by clicking on the arrow to the left of the title.
-* In the Ribbon, in the _Collection_ tab there are options to expand and to collapse all notes easily.
\ No newline at end of file
+* In the Ribbon, in the _Collection_ tab there are options to expand and to collapse all notes easily.
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Note Types/Collections/List View_image.png b/docs/User Guide/User Guide/Collections/List View_image.png
similarity index 100%
rename from docs/User Guide/User Guide/Note Types/Collections/List View_image.png
rename to docs/User Guide/User Guide/Collections/List View_image.png
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Presentation View.md b/docs/User Guide/User Guide/Collections/Presentation View.md
similarity index 75%
rename from docs/User Guide/User Guide/Note Types/Collections/Presentation View.md
rename to docs/User Guide/User Guide/Collections/Presentation View.md
index 55ec5960c..1389a107c 100644
--- a/docs/User Guide/User Guide/Note Types/Collections/Presentation View.md
+++ b/docs/User Guide/User Guide/Collections/Presentation View.md
@@ -55,21 +55,21 @@ In the following example, the note structure is as follows:
At collection level, it's possible to adjust:
-* The theme of the entire presentation to one of the predefined themes by going to the Ribbon and looking for the _Collection Properties_ tab.
+* The theme of the entire presentation to one of the predefined themes by going to the Ribbon and looking for the _Collection Properties_ tab.
* It's currently not possible to create custom themes, although it is planned.
-* Note that it is note possible to alter the CSS via Custom app-wide CSS because the slides are rendered isolated (in a shadow DOM).
+* Note that it is note possible to alter the CSS via Custom app-wide CSS because the slides are rendered isolated (in a shadow DOM).
At slide level:
-* It's possible to adjust the background color of a slide by using the [predefined promoted attribute](../../Advanced%20Usage/Attributes/Promoted%20Attributes.md) for the color or manually setting `#slide:background` to a hex color.
+* It's possible to adjust the background color of a slide by using the [predefined promoted attribute](../Advanced%20Usage/Attributes/Promoted%20Attributes.md) for the color or manually setting `#slide:background` to a hex color.
* More complex backgrounds can be achieved via gradients. There's no UI for it; it has to be set via `#slide:background` to a CSS gradient definition such as: `linear-gradient(to bottom, #283b95, #17b2c3)`.
## Tips and tricks
* Text notes generally respect the formatting (bold, italic, foreground and background colors) and font size. Code blocks and tables also work.
-* Try using more than just text notes, the presentation uses the same mechanism as [shared notes](../../Advanced%20Usage/Sharing.md) and Note List so it should be able to display Mermaid Diagrams, Canvas and Mind Map in full-screen (without the interactivity).
- * Consider using a transparent background for Canvas, if the slides have a custom background (go to the hamburger menu in the Canvas, press the button select a custom color and write `transparent`).
- * For Mermaid Diagrams, some of them have a predefined background which can be changed via the frontmatter. For example, for XY-charts:
+* Try using more than just text notes, the presentation uses the same mechanism as [shared notes](../Advanced%20Usage/Sharing.md) and Note List so it should be able to display Mermaid Diagrams, Canvas and Mind Map in full-screen (without the interactivity).
+ * Consider using a transparent background for Canvas, if the slides have a custom background (go to the hamburger menu in the Canvas, press the button select a custom color and write `transparent`).
+ * For Mermaid Diagrams, some of them have a predefined background which can be changed via the frontmatter. For example, for XY-charts:
```
---
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Presentation View_image.png b/docs/User Guide/User Guide/Collections/Presentation View_image.png
similarity index 100%
rename from docs/User Guide/User Guide/Note Types/Collections/Presentation View_image.png
rename to docs/User Guide/User Guide/Collections/Presentation View_image.png
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Table View.md b/docs/User Guide/User Guide/Collections/Table View.md
similarity index 76%
rename from docs/User Guide/User Guide/Note Types/Collections/Table View.md
rename to docs/User Guide/User Guide/Collections/Table View.md
index 78774734a..0f9557a77 100644
--- a/docs/User Guide/User Guide/Note Types/Collections/Table View.md
+++ b/docs/User Guide/User Guide/Collections/Table View.md
@@ -1,7 +1,7 @@
# Table View

Collections are a unique type of notes that don't have a content, but instead display its child notes in various presentation methods.
+
+
+ |
+
+ Calendar View
+ + |
+
+
+ |
+ Table View
+ displays each note as a row in a table, with Promoted Attributes being shown as well. + This makes it easy to visualize attributes of notes, as well as making + them easily editable. |
+
+
+ |
+ Board View
+ displays notes in columns, grouped by the value of a label. |
+
+
+ |
+ Geo Map View
+ which displays a geographical map in which the notes are represented as + markers/pins on the map. New events can be easily added by pointing on + the map. |
+
|
+ +
+ |
+
+ Presentation View
+ + |
+
Classic collections are read-only mode and compiles the contents of all child notes into one continuous view. This makes it ideal for reading extensive information broken into smaller, manageable segments.
More specialized collections were introduced, such as the:
-For a quick presentation of all the supported view types, see the child - notes of this help page, including screenshots.
To adjust the view type, see the dedicated Collections tab in the
Adding a description to a collection
To add a text before the collection, for example to describe it: Now the text will be displayed above while still maintaining the collection
@@ -66,13 +125,13 @@
By default, collections come with a default configuration and sometimes
even sample notes. To create a collection completely from scratch: sjHSVp_PIXp9i}whs^C*D}FBy0ZMADp?v(ZaP@^>-2m7*AutgLe-Bm
z{ABZBR_uxj69Q6qjJ`6Z`h#yh%kF#TIT +Kf*Wcd^z
za3g6mo6>rOn{`*T7TR?
-
-
Archived notes
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Collections_collection_bo.webp b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Collections_collection_bo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6ed49dd4498bcaba84c6e50e1457ba023d259711
GIT binary patch
literal 56584
zcmYhhW0+t|)-+nSZQEV8tGaC4wr$(CZQHh8UAFDp=giFe-M{(dPOMxRDDIe2M`
zfR5dTq^;L##Ca&~(M;+;64ey~cJ-WWNvqtkWP+(3X`a3FJOML4m*M}`rL9X
_ALWMSWgq7D*
z(4I*AOoDRKn23ImI|sq&aZYWf<9sm_S@@#_N6^INqrZhi($WP^^kn#^
zjF1AFB2lCo5kEXS6=o0!UPZ8BoUIWpM7ndK6;#i?;(R;%h;*R=mNw;IA0*j>6v(VU
zL6PX6UM@eczpaS9=z}9!Kmf5Z+=|8@BTO(PAWCY7X7Wr*NecZ
z;IxedOG(9Br;^!oCIghE!cr#D#0l8D?C2GKh^$mVWr&HWkds4mB5}dOkz(Q?yO9j1
z!$k0U++1Cg)IquQ!{^_EdVpD*%sQoeMB@{qbY=;WGHl{@IZyNQ2*k0mWXdwPNWnxp
zt|Tf^)31Y1*ZMCEQtiDa@db^ROuJwc{DnI|Ti@f8B*mB@lnm%2=n~s(4~Un{i5>ef
z*Hxyk5DoB!`+0PPpc?9r@X*b3dwXPEpiQtST#DkO@_BV9KB8BV-F_+6aess8fL4aR$joUJ2XT*9lz
z|Jq$tHH40cav}*}oeDM-D5b|84%@aS?X7(jFoh{{b_UVB>*~}xS+`3-SPesZI>tv0
zbl<-BRu@Q9-F|eTz%2556M%J$g)ohI2E=ct;HvS&jW_c&uy~Awfw=g`#kSUBHJ;5V
zmGWMl>1MpR