gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-22 15:24:24 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Merge branch 'main' into feat/note-header/custom-colors

Browse Source
This commit is contained in:
Adorian Doran 2025-12-19 02:12:25 +02:00 committed by GitHub
commit 69dc1ba68f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
44 changed files with 1154 additions and 307 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/client/src/translations/cn/translation.json
View File

@ -829,7 +829,8 @@
"calculate": "计算", "calculate": "计算",
"subtree_size": "(子树大小: {{size}}, 共计 {{count}} 个笔记)", "subtree_size": "(子树大小: {{size}}, 共计 {{count}} 个笔记)",
"title": "笔记信息", "title": "笔记信息",
"show_similar_notes": "显示相似的笔记" "show_similar_notes": "显示相似的笔记",
"mime": "文件类型"
}, },
"note_map": { "note_map": {
"open_full": "展开显示", "open_full": "展开显示",
@ -2080,14 +2081,20 @@
"next_theme_title": "试用新 Trilium 主题", "next_theme_title": "试用新 Trilium 主题",
"next_theme_message": "当前使用旧版主题，要试用新主题吗？", "next_theme_message": "当前使用旧版主题，要试用新主题吗？",
"next_theme_button": "试用新主题", "next_theme_button": "试用新主题",
"dismiss": "关闭" "dismiss": "关闭",
"new_layout_message": "我们为 Trilium 引入了现代化的布局。Ribbon 界面已被移除并无缝集成到主界面中，新的状态栏和可展开部分（例如“已提升属性”）取代了其主要功能。\n\n新布局默认启用，您可以通过“选项”→“外观”暂时禁用它。",
"new_layout_button": "更多信息",
"new_layout_title": "新布局"
}, },
"settings": { "settings": {
"related_settings": "相关设置" "related_settings": "相关设置"
}, },
"settings_appearance": { "settings_appearance": {
"related_code_blocks": "文本笔记中代码块的色彩方案", "related_code_blocks": "文本笔记中代码块的色彩方案",
"related_code_notes": "代码笔记的色彩方案" "related_code_notes": "代码笔记的色彩方案",
"ui": "用户界面",
"ui_old_layout": "旧布局",
"ui_new_layout": "新布局"
}, },
"units": { "units": {
"percentage": "%" "percentage": "%"
@ -2179,6 +2186,8 @@
"workspace_badge": "工作空间", "workspace_badge": "工作空间",
"scroll_to_top_title": "跳转到笔记开始", "scroll_to_top_title": "跳转到笔记开始",
"hoisted_badge_title": "取消聚焦", "hoisted_badge_title": "取消聚焦",
"hoisted_badge": "聚焦" "hoisted_badge": "聚焦",
"create_new_note": "新建子笔记",
"empty_hide_archived_notes": "隐藏已存档的笔记"
} }
} }

1
apps/client/src/translations/en/translation.json
View File

@ -2111,6 +2111,7 @@
"background_effects_button": "Enable background effects", "background_effects_button": "Enable background effects",
"new_layout_title": "New layout", "new_layout_title": "New layout",
"new_layout_message": "We’ve introduced a modernized layout for Trilium. The ribbon has been removed and seamlessly integrated into the main interface, with a new status bar and expandable sections (such as promoted attributes) taking over key functions.\n\nThe new layout is enabled by default, and can be temporarily disabled via Options → Appearance.", "new_layout_message": "We’ve introduced a modernized layout for Trilium. The ribbon has been removed and seamlessly integrated into the main interface, with a new status bar and expandable sections (such as promoted attributes) taking over key functions.\n\nThe new layout is enabled by default, and can be temporarily disabled via Options → Appearance.",
"new_layout_button": "More info",
"dismiss": "Dismiss" "dismiss": "Dismiss"
}, },
"settings": { "settings": {

4
apps/client/src/translations/fr/translation.json
View File

@ -1077,9 +1077,9 @@
"failed": "Échec de la synchronisation : {{message}}" "failed": "Échec de la synchronisation : {{message}}"
}, },
"vacuum_database": { "vacuum_database": {
"title": "Nettoyage la base de donnée", "title": "Nettoyage de la base de données",
"description": "Cela reconstruira la base de données, ce qui générera un fichier de base de données généralement plus petit. Aucune donnée ne sera réellement modifiée.", "description": "Cela reconstruira la base de données, ce qui générera un fichier de base de données généralement plus petit. Aucune donnée ne sera réellement modifiée.",
"button_text": "Nettoyer de la base de donnée", "button_text": "Nettoyer la base de données",
"vacuuming_database": "Nettoyage de la base de données en cours...", "vacuuming_database": "Nettoyage de la base de données en cours...",
"database_vacuumed": "La base de données a été nettoyée" "database_vacuumed": "La base de données a été nettoyée"
}, },

17
apps/client/src/translations/ja/translation.json
View File

@ -607,7 +607,8 @@
"subtree_size": "（サブツリーサイズ: {{size}}、ノード数: {{count}}）", "subtree_size": "（サブツリーサイズ: {{size}}、ノード数: {{count}}）",
"title": "ノート情報", "title": "ノート情報",
"note_size_info": "ノートのサイズは、このノートに必要なストレージの概算を示します。これは、ノートの内容とそのノートの編集履歴の内容を考慮したものです。", "note_size_info": "ノートのサイズは、このノートに必要なストレージの概算を示します。これは、ノートの内容とそのノートの編集履歴の内容を考慮したものです。",
"show_similar_notes": "類似のノートを表示" "show_similar_notes": "類似のノートを表示",
"mime": "MIME タイプ"
}, },
"image_properties": { "image_properties": {
"file_type": "ファイルタイプ", "file_type": "ファイルタイプ",
@ -2004,14 +2005,20 @@
"background_effects_title": "背景効果が安定しました", "background_effects_title": "背景効果が安定しました",
"background_effects_message": "Windowsデバイスでは、背景効果が完全に安定しました。背景効果は、背景をぼかすことでユーザーインターフェースに彩りを添えます。この技術は、Windowsエクスプローラーなどの他のアプリケーションでも使用されています。", "background_effects_message": "Windowsデバイスでは、背景効果が完全に安定しました。背景効果は、背景をぼかすことでユーザーインターフェースに彩りを添えます。この技術は、Windowsエクスプローラーなどの他のアプリケーションでも使用されています。",
"background_effects_button": "背景効果を有効にする", "background_effects_button": "背景効果を有効にする",
"dismiss": "却下" "dismiss": "却下",
"new_layout_title": "新しいレイアウト",
"new_layout_message": "Trilium のレイアウトを刷新しました。リボンは廃止され、メインインターフェースにシームレスに統合されました。主要な機能は、新しいステータスバーと展開可能なセクション（プロモート属性など）に集約されています。\n\n新しいレイアウトはデフォルトで有効になっていますが、「オプション」→「外観」から一時的に無効にすることもできます。",
"new_layout_button": "詳細情報"
}, },
"settings": { "settings": {
"related_settings": "関連設定" "related_settings": "関連設定"
}, },
"settings_appearance": { "settings_appearance": {
"related_code_blocks": "テキストノート内のコードブロックの配色", "related_code_blocks": "テキストノート内のコードブロックの配色",
"related_code_notes": "コードノートの配色" "related_code_notes": "コードノートの配色",
"ui": "ユーザーインターフェース",
"ui_old_layout": "旧レイアウト",
"ui_new_layout": "新しいレイアウト"
}, },
"units": { "units": {
"percentage": "%" "percentage": "%"
@ -2179,6 +2186,8 @@
"hoisted_badge": "ホイスト", "hoisted_badge": "ホイスト",
"hoisted_badge_title": "ホイスト解除", "hoisted_badge_title": "ホイスト解除",
"workspace_badge": "ワークスペース", "workspace_badge": "ワークスペース",
"scroll_to_top_title": "ノートの先頭にジャンプ" "scroll_to_top_title": "ノートの先頭にジャンプ",
"create_new_note": "新しい子ノートを作成",
"empty_hide_archived_notes": "アーカイブされたノートを非表示"
} }
} }

17
apps/client/src/translations/pl/translation.json
View File

@ -232,14 +232,20 @@
"background_effects_title": "Efekty tła są teraz stabilne", "background_effects_title": "Efekty tła są teraz stabilne",
"dismiss": "Odrzuć", "dismiss": "Odrzuć",
"background_effects_button": "Włącz efekty tła", "background_effects_button": "Włącz efekty tła",
"background_effects_message": "Na urządzeniach z systemem Windows efekty tła są teraz w pełni stabilne. Efekty tła dodają odrobinę koloru do interfejsu użytkownika poprzez rozmycie tła za nim. Ta technika jest również stosowana w innych aplikacjach, takich jak Eksplorator Windows." "background_effects_message": "Na urządzeniach z systemem Windows efekty tła są teraz w pełni stabilne. Efekty tła dodają odrobinę koloru do interfejsu użytkownika poprzez rozmycie tła za nim. Ta technika jest również stosowana w innych aplikacjach, takich jak Eksplorator Windows.",
"new_layout_title": "Nowy układ",
"new_layout_message": "Wprowadziliśmy zmodernizowany układ interfejsu dla Trilium. Wstążka została usunięta i płynnie zintegrowana z głównym interfejsem, a jej kluczowe funkcje przejęły nowy pasek stanu i rozwijane sekcje (takie jak promowane atrybuty).\n\nNowy układ jest domyślnie włączony i można go tymczasowo wyłączyć w Ustawienia → Wygląd.",
"new_layout_button": "Szczegóły"
}, },
"settings": { "settings": {
"related_settings": "Powiązane ustawienia" "related_settings": "Powiązane ustawienia"
}, },
"settings_appearance": { "settings_appearance": {
"related_code_blocks": "Schemat kolorów dla bloków kodu w notatkach tekstowych", "related_code_blocks": "Schemat kolorów dla bloków kodu w notatkach tekstowych",
"related_code_notes": "Schemat kolorów dla notatek kodu" "related_code_notes": "Schemat kolorów dla notatek kodu",
"ui": "Interfejs użytkownika",
"ui_old_layout": "Stary układ",
"ui_new_layout": "Nowy układ"
}, },
"units": { "units": {
"percentage": "%" "percentage": "%"
@ -440,7 +446,8 @@
"calculate": "oblicz", "calculate": "oblicz",
"subtree_size": "(rozmiar poddrzewa: {{size}} w {{count}} notatkach)", "subtree_size": "(rozmiar poddrzewa: {{size}} w {{count}} notatkach)",
"title": "Info o notatce", "title": "Info o notatce",
"show_similar_notes": "Pokaż podobne notatki" "show_similar_notes": "Pokaż podobne notatki",
"mime": "Typ MIME"
}, },
"note_map": { "note_map": {
"open_full": "Rozwiń do pełnego", "open_full": "Rozwiń do pełnego",
@ -2193,6 +2200,8 @@
"hoisted_badge": "Wyróżniony", "hoisted_badge": "Wyróżniony",
"hoisted_badge_title": "Usuń wyróżnienie", "hoisted_badge_title": "Usuń wyróżnienie",
"workspace_badge": "Obszar roboczy", "workspace_badge": "Obszar roboczy",
"scroll_to_top_title": "Przejdź na początek notatki" "scroll_to_top_title": "Przejdź na początek notatki",
"create_new_note": "Utwórz nową notatkę podrzędną",
"empty_hide_archived_notes": "Ukryj zarchiwizowane notatki"
} }
} }

9
apps/client/src/widgets/dialogs/call_to_action_definitions.ts
View File

@ -1,3 +1,4 @@
import appContext from "../../components/app_context";
import { t } from "../../services/i18n"; import { t } from "../../services/i18n";
import options from "../../services/options"; import options from "../../services/options";
import utils from "../../services/utils"; import utils from "../../services/utils";
@ -50,7 +51,13 @@ const CALL_TO_ACTIONS: CallToAction[] = [
title: t("call_to_action.new_layout_title"), title: t("call_to_action.new_layout_title"),
message: t("call_to_action.new_layout_message"), message: t("call_to_action.new_layout_message"),
enabled: () => true, enabled: () => true,
buttons: [] buttons: [
{
text: t("call_to_action.new_layout_button"),
onClick: () => appContext.tabManager.openInNewTab("_help_IjZS7iK5EXtb", "_help", true)
}
]
}, },
{ {
id: "background_effects", id: "background_effects",

11
apps/client/src/widgets/layout/InlineTitle.tsx
View File

@ -328,9 +328,8 @@ function EditedNotes() {
function EditedNotesContent({ note }: { note: FNote }) { function EditedNotesContent({ note }: { note: FNote }) {
const editedNotes = useEditedNotes(note); const editedNotes = useEditedNotes(note);
return ( return (editedNotes !== undefined &&
<> (editedNotes.length > 0 ? editedNotes?.map(editedNote => (
{editedNotes?.map(editedNote => (
<SimpleBadge <SimpleBadge
key={editedNote.noteId} key={editedNote.noteId}
title={( title={(
@ -340,8 +339,8 @@ function EditedNotesContent({ note }: { note: FNote }) {
/> />
)} )}
/> />
))} )) : (
</> <div className="no-edited-notes-found">{t("edited_notes.no_edited_notes_found")}</div>
); )));
} }
//#endregion //#endregion

12
apps/client/src/widgets/type_widgets/Attachment.css
View File

@ -22,6 +22,7 @@
margin-bottom: 20px; margin-bottom: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
} }
.attachment-title { .attachment-title {
@ -73,7 +74,7 @@
.attachment-detail-wrapper.list-view { .attachment-detail-wrapper.list-view {
border-radius: 12px; border-radius: 12px;
background-color: var(--card-background-color); background-color: var(--card-background-color);
padding: 0 6px; padding: 6px 6px 0 6px;
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
} }
@ -126,15 +127,6 @@
/* #endregion */ /* #endregion */
/* #region Attachment actions */ /* #region Attachment actions */
.attachment-actions {
width: 35px;
height: 35px;
}
.attachment-actions .select-button {
position: relative;
top: 3px;
}
.attachment-actions .dropdown-menu { .attachment-actions .dropdown-menu {
width: 20em; width: 20em;

2
apps/server/src/assets/doc_notes/en/User Guide/!!!meta.json generated vendored
View File

File diff suppressed because one or more lines are too long

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/1_New Layout_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_New Layout_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/3_New Layout_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/4_New Layout_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/5_New Layout_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

218
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.html generated vendored Normal file
View File

@ -0,0 +1,218 @@
<p>The <em>New layout</em> is a series of UI/UX changes that were introduced
in v0.101.0 that heavily change both existing UI elements, as well as adding
some new ones. The goal of this new layout is to modernize the application
and to make it more intuitive but at the same time to reduce clutter.</p>
<h2>Newly introduced features</h2>
<h3>Status bar</h3>
<p>At the bottom of the window there is a new bar called the <em>Status bar</em>.
This bar houses multiple items such as the Breadcrumb navigation and information
and settings about the current note, such as the <a href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_veGu4faJErEM">content language</a> and&nbsp;
<a
class="reference-link" href="#root/pOsGYCXsbNQG/tC7s2alapj8V/_help_zEY4DaJG4YT5">Attributes</a>.</p>
<p>For more information, consult the <a href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/IjZS7iK5EXtb/_help_AlJ73vBCjWDw">dedicated page</a>.</p>
<figure
class="image">
<img style="aspect-ratio:1150/27;" src="4_New Layout_image.png"
width="1150" height="27">
</figure>
<h3>Inline title</h3>
<p>In previous versions of Trilium, the title bar was fixed at all times.
In the new layout, there is both a fixed title bar and one that scrolls
with the text. The newly introduced title is called the <em>Inline title</em> and
it displays the title in a larger font, while also displaying additional
information such as the creation and the modification date.</p>
<p>Whenever the title is scrolled past, the fixed title is shown instead.</p>
<p>This only affects&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_iPIMuisry3hd">Text</a>&nbsp;and&nbsp;
<a
class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_6f9hih2hXXZk">Code</a>&nbsp;notes. Note types that take the entirety of the screen such
as&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_grjYqerjn243">Canvas</a>&nbsp;will
always have only the fixed title bar.</p>
<p>Depending on the note type, the inline title will also present some more
interactive options such as being able to switch the note type (see below).</p>
<figure
class="image">
<img style="aspect-ratio:899/122;" src="New Layout_image.png"
width="899" height="122">
<figcaption>The <em>Inline title</em>, which is displayed at the top of the note and
can be scrolled past.</figcaption>
</figure>
<figure class="image">
<img style="aspect-ratio:910/104;" src="3_New Layout_image.png"
width="910" height="104">
<figcaption>The fixed title bar. The title only appears after scrolling past the <em>Inline title</em>.</figcaption>
</figure>
<h3>New note type switcher</h3>
<p>When a new&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_iPIMuisry3hd">Text</a>&nbsp;or&nbsp;
<a
class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_6f9hih2hXXZk">Code</a>&nbsp;note is created, a note type switcher will appear below
the <em>Inline title</em>. Apart from changing the note type, it's also
possible to apply a <a href="#root/pOsGYCXsbNQG/tC7s2alapj8V/_help_KC1HB96bqqHX">template</a>.</p>
<p>The switcher will disappear as soon as a text is entered.</p>
<p>
<img src="5_New Layout_image.png" width="735" height="143">
</p>
<h3>Note badges</h3>
<p>Note badges appear near the fixed note title and indicate important information
about the note such as whether it is read-only. Some of the badges are
also interactive.</p>
<figure class="image">
<img style="aspect-ratio:910/49;" src="2_New Layout_image.png"
width="910" height="49">
</figure>
<p>The following badges are available:</p>
<ul>
<li data-list-item-id="e681fff45ecdebbf3a5c6fc8398b4e8b1"><strong>Read-only badge</strong>, which will be shown if the note is not
editable due to either automatic read-only or manual read-only. Clicking
on the badge will temporarily edit the note (similar to the Edit <a href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_XpOYSgsLkTJy">floating button</a>).</li>
<li
data-list-item-id="ee8bd349f3feb3df5069b31345e627985"><strong>Share badge</strong>, which will indicate that the current note
is shared. The badge will also indicate if the share is on the local network
(for the desktop application without&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/Otzi9La2YAUX/_help_cbkrhQjrkKrh">Synchronization</a>&nbsp;set
up) or publicly accessible (for the server).&nbsp;</li>
<li data-list-item-id="e8f5a122ba42c453bf36eb4f0064d570d"><strong>Web clip badge</strong>, which will indicate if the note was clipped
using the&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/Otzi9La2YAUX/_help_MtPxeAWVAzMg">Web Clipper</a>.
The badge acts as a link, so it can be clicked on to navigate to the page
or right clicked for more options.</li>
<li data-list-item-id="e4f52532a9ae7b5ff88cc081da81049ad"><strong>Execute badge</strong>, for <a href="#root/pOsGYCXsbNQG/_help_CdNpE2pqjmI6">scripts</a> or
<a
href="#root/pOsGYCXsbNQG/tC7s2alapj8V/wX4HbRucYSDD/oyIAJ9PvvwHX/_help_YKWqdJhzi2VY">saved SQL queries</a>which have an execute button or a description.</li>
</ul>
<p>Some of these badges replace the dedicated panels at the top of the note.</p>
<h3>Collapsible sections</h3>
<figure class="image">
<img style="aspect-ratio:496/265;" src="1_New Layout_image.png"
width="496" height="265">
</figure>
<p>The following sections have been made collapsible:</p>
<ul>
<li class="ck-list-marker-italic" data-list-item-id="e1e7527a923c6adc4b25a81c836aa54bb"><em>Promoted Attributes</em>
<ul>
<li data-list-item-id="e81342adbccbbbe0c186887eb0c96f6c7">For full-height notes such as&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_grjYqerjn243">Canvas</a>,
the promoted attributes are collapsed by default to make room.</li>
<li
data-list-item-id="e6c14c0f102892bc42cc6f503d901b1f0">The keyboard shortcut previously used to trigger the promoted attributes
ribbon tab (which was no longer working) has been repurposed to toggle
the promoted attributes instead.</li>
</ul>
</li>
<li data-list-item-id="e11bfe716c8b0b09f68d9c7cc99c93e03"><em>Edited Notes</em>, which appears for&nbsp;<a class="reference-link"
href="#root/pOsGYCXsbNQG/tC7s2alapj8V/5668rwcirq1t/_help_l0tKav7yLHGF">Day Notes</a>&nbsp;is
now shown underneath the title.
<ul>
<li data-list-item-id="e24a6e624c699432c4d812b34f25a137a">Whether the section is collapsed or not depends on the choice in&nbsp;
<a
class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_4TIF1oA4VQRO">Options</a>&nbsp;→ Appearance.</li>
</ul>
</li>
<li data-list-item-id="e16420a44b06dbe4810f6ab5087bb7f09"><em>Search Properties</em>, which appears for the full&nbsp;<a class="reference-link"
href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/wArbEsdSae6g/_help_eIg8jdvaoNNd">Search</a>&nbsp;and&nbsp;
<a
class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_m523cpzocqaD">Saved Search</a>.</li>
</ul>
<h2>Changing to the existing layout</h2>
<h3>Removal of the ribbon</h3>
<p>The most significant change is the removal of the ribbon. All the actions
and options from the ribbon were integrated in other places in the application.</p>
<p>Here's how all the different tabs that were once part of the ribbon are
now available in the new layout:</p>
<ul>
<li data-list-item-id="e23a8f5ef92bc84b978897596a0f311d5">“Formatting toolbar” was relocated to the top of the page.
<ul>
<li data-list-item-id="eaff03a54c5d839b1cf491b873e4ac417">Instead of having one per split, now there is a single formatting toolbar
per tab. This allows more space for the toolbar items.</li>
</ul>
</li>
<li data-list-item-id="e55efa7b7fa563c7a792952d0a00f69c7">“Owned attributes” and “Inherited attributes” were merged and moved to
the status bar region (displayed one above the other).</li>
<li data-list-item-id="eaf2afbfe470834eca4dc7269b7310964">“Basic Properties” were integrated in the&nbsp;<a class="reference-link"
href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_8YBEPzcpUgxw">Note buttons</a>&nbsp;menu.
<ul>
<li data-list-item-id="e44ec78344d9a6c8966b0c9c68ae79d79">The only exception here is the Language combo box which can now be found
in the status bar (top-right of the screen).</li>
</ul>
</li>
<li data-list-item-id="ea5cf9c168f3291f8247ce89924472c33">“File” and “Image” tabs
<ul>
<li data-list-item-id="e32291890baede8270361747c20724271">The buttons were moved to the right of the note title, as dedicated entries
in&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_8YBEPzcpUgxw">Note buttons</a>.</li>
<li
data-list-item-id="e4e0b374eeaa3d5cee3ec10c2f0f51e1c">The info section has been merged into the <em>Note info </em>section of
the status bar.</li>
</ul>
</li>
<li data-list-item-id="ea542c02972f94d40cd87ed5f971db880">Edited notes
<ul>
<li data-list-item-id="e628eec12558a51865f1b4f14e9f3fec8">Moved underneath the title, displayed under a collapsible area and the
notes are represented as badges/chips.</li>
<li data-list-item-id="ed819af0e25679551eb56d66bd81cf431">Whether the section is expanded or collapsed depends on the “Edited Notes
ribbon tab will automatically open on day notes” setting from Options →
Appearance.</li>
</ul>
</li>
<li data-list-item-id="eb5f31f734338d9f6ada1329849ac9652">Search definition tab
<ul>
<li data-list-item-id="ee00a5cb8f4d7920a236fb95f34d93dbf">Moved underneath the title under a collapsible area.</li>
<li data-list-item-id="e310963b6aafce5d8e75fd65810087d0b">Expanded by default for new searches, collapsed for saved searches.</li>
</ul>
</li>
<li data-list-item-id="e7713cf206015ff83cdc8569fe22301a4">The Note map is now available in the Note actions menu.
<ul>
<li data-list-item-id="e507702eef9a13e0fc6b88da4e8b4b280">Instead of opening into a panel in the ribbon, the note map now opens
in a side split (similar to the in-app help).</li>
</ul>
</li>
<li data-list-item-id="e36fac289364571fe38384d913a9b82f6">“Note info” tab was moved to a small (i) icon in the status bar.</li>
<li
data-list-item-id="ec77db0f7e17da59142a53738bd6e5dde">“Similar notes” tab
<ul>
<li data-list-item-id="e82f29a4705ba7ef67cfa7871d09d55ec">Moved to the status bar, by going to the “Note info” section and pressing
the button to show similar notes.</li>
<li data-list-item-id="e4824fa59a2e7b078c235fdf191809693">Displayed as a fixed panel, similar to the attributes.</li>
</ul>
</li>
<li data-list-item-id="e51662a87308396697ebe51f8dad842f9">The Collection properties tab were relocated under the note title and
grouped into:
<ul>
<li data-list-item-id="e5355d95afa06871493dd0633eeb21342">A combo box to quickly switch between views.</li>
<li data-list-item-id="eebd3911c5dd2fc770534ae8fc7d2b47e">Individual settings for the current view in a submenu.</li>
</ul>
</li>
<li data-list-item-id="eae9dae6a2a5b74aaea84d818d1334fc9">Some smaller ribbon tabs were converted to badges that appear near the
note title in the breadcrumb section:
<ul>
<li data-list-item-id="ea7f24c544b22fda5ef7d513410454738">Original URL indicator for clipped web pages (<code spellcheck="false">#pageUrl</code>).</li>
<li
data-list-item-id="e43d835ca69e35e71203f64efd2fd12c2">SQL and script execute buttons.</li>
</ul>
</li>
</ul>
<aside class="admonition note">
<p>The ribbon keyboard shortcuts (e.g. <code spellcheck="false">toggleRibbonTabClassicEditor</code>)
have been repurposed to work on the new layout, where they will toggle
the appropriate panel.</p>
</aside>
<h3>Removal of the floating buttons</h3>
<p>Most of the buttons were relocated to the right of the note title, in
the&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_8YBEPzcpUgxw">Note buttons</a>&nbsp;area,
with the exception of:</p>
<ul>
<li data-list-item-id="ec0623b0ce81f563d1c58d0d17de7c517">The Edit button is displayed near the note title, as a badge.</li>
<li
data-list-item-id="e0f1d6b12f8ebaf09d070aa9c86850726"><em>Backlinks</em> is displayed in the status bar. When clicked, the same
list of backlinks is displayed.</li>
<li data-list-item-id="e9693ac78b6cb054e6e492e464abd7c16">Relation map zoom buttons are now part of the relation map itself.</li>
<li
data-list-item-id="e4f2e79a6ea41e31ffe58e6c25a75216a">Export image to PNG/SVG are now in the Note actions menu, in the <em>Export as image</em> option.</li>
</ul>
<h2>How to toggle the new layout</h2>
<p>Starting with v0.101.0, this new layout is enabled by default. It is possible
to fall back to the old layout by going to&nbsp;<a class="reference-link"
href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_4TIF1oA4VQRO">Options</a>&nbsp;→
Appearance and selecting <em>Old layout</em>.</p>
<aside class="admonition important">
<p>Since a new layout was introduced, this becomes the standard one. The <em>Old layout</em> is
considered deprecated and will not receive new features (for example, the
breadcrumb) as we focus on the new one. At some point the old layout will
be removed entirely, as maintaining two layouts with major differences
creates a maintenance burden.</p>
</aside>

55
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb.html generated vendored Normal file
View File

@ -0,0 +1,55 @@
<figure class="image">
<img style="aspect-ratio:1150/27;" src="Breadcrumb_image.png"
width="1150" height="27">
</figure>
<p>The breadcrumb allows quickly viewing the note hierarchy of the current
note and navigating through it.</p>
<p>It is part of the&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/IjZS7iK5EXtb/_help_AlJ73vBCjWDw">Status bar</a>,
displayed in the bottom-left of the screen.</p>
<h2>Layout and Interaction</h2>
<ul>
<li data-list-item-id="eeca71aa25c6fc24ccea32b3fd91c7d03">If a note or workspace is hoisted, a badge will appear on the left-most
side.
<ul>
<li data-list-item-id="e0c5e4b89d1a4f0fccfd64fd5a5c401de">Clicking on the badge will un-hoist the note/workspace.</li>
</ul>
</li>
<li data-list-item-id="e3f4bcf3d23cc23094991e4b982fab65d">The left-most icon represents the root note, or the hoisted note or workspace.
<ul>
<li data-list-item-id="e0acc69822ac800e00f15286d69150011">Clicking the icon will jump to the root note.</li>
<li data-list-item-id="ea7ad114455b8e77f527cab5064b24f62">Right clicking the icon will display a menu that allows opening the note
in a new tab, split, etc.</li>
</ul>
</li>
<li data-list-item-id="e1e81c0cc1c8ca8ae94e3861e2e7ba104">Each segment shows the title of a note in the current note hierarchy.
<ul>
<li data-list-item-id="e42e1001c318c8b55ec25d44649f116f6">Clicking the icon will jump to that note.</li>
<li data-list-item-id="ebd05c3d7be7f994f229d48131ccd79bb">Right clicking will open a menu with multiple options such as opening
the note in a different tab/split/window, hoisting, moving/cloning the
note, duplicating as well as changing the color of the note.</li>
</ul>
</li>
<li data-list-item-id="ed8111f04712d97db418a8ba507cf1cf4">Clicking the arrow next to each segment will reveal the child notes of
the segment on the left.
<ul>
<li data-list-item-id="e9689b35aa5224f861cf61e63fc3abd96">Clicking on an icon will navigate to that particular note.</li>
<li data-list-item-id="ea008f6126b2d2dc03e9795fa89a8fe0c">It's also possible to create a new child note from here.</li>
<li data-list-item-id="e5d56879e41e3eba28d89999ac208cf63">The menu can optionally hide the archived notes.</li>
</ul>
</li>
<li data-list-item-id="ed65ebfd673ab4cc6eb2e2a227f0caa95">If the current note is deep within a hierarchy, the segments will collapse
into a […] button in order not to occupy too much space.
<ul>
<li data-list-item-id="e3081db77d1acea4568da8d69d199171b">Clicking this button will display each collapsed entry as a menu item.
Clicking on it will navigate to that particular note.</li>
</ul>
</li>
<li data-list-item-id="e17205300d9c0018d65cf0f0fc92343bf">Right clicking on an empty space to the right of the breadcrumb (before
the other status bar items) will reveal another menu that allows:
<ul>
<li data-list-item-id="e80899972041248ee12d26fb7065772a3">Toggling whether archived notes are displayed in the breadcrumb and in
the note tree.</li>
<li data-list-item-id="ef692f737f9df3df6d77b180ade9ecd45">Copying the current note path to clipboard.</li>
</ul>
</li>
</ul>

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

53
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Status bar.html generated vendored Normal file
View File

@ -0,0 +1,53 @@
<p>The status bar displays information about the current note and allows
changing settings related to it such as configuring the language or attributes.</p>
<h2>Layout and interaction</h2>
<p>On the left side, the&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/IjZS7iK5EXtb/_help_I6p2a06hdnL6">Breadcrumb</a>&nbsp;is
displayed which indicates the current note as well as its parent notes
and allows for quick navigation throughout the hierarchy.</p>
<p>On the right side, specific sections will show depending on the type of
the current note.</p>
<ol>
<li data-list-item-id="ef3e251512bf6573cca80079d8efd08ec">For code notes, the language mode of the note is indicated (e.g. JavaScript,
plain text), as well as allowing easy switching to another mode.</li>
<li
data-list-item-id="eb5c80ff8ad9e92fd95cae059af10f1b9">For text notes, the content language is displayed and can be changed,
thus configuring the spell-check and the right-to-left support.
<ol>
<li data-list-item-id="eb8a685a73d822de440eacbf53b361d80">Note that this applies to the entire note and not the selection, unlike
some text editors.</li>
</ol>
</li>
<li data-list-item-id="eec1c0804323b8b841538dd493654e6ac">If a note is placed in multiple places in the tree (cloned), the number
of the note paths will be displayed.
<ol>
<li data-list-item-id="e5975fc63b51ceaee4639a4185025c912">Clicking it will reveal the full list of note paths and a button to place
it somewhere else.</li>
</ol>
</li>
<li data-list-item-id="e9644f8d1759a085172efe05ca9de454e">If a note has attachments, their number will be displayed.
<ol>
<li data-list-item-id="e1f84e230de4009fc971a999330eee2d2">Clicking on it will reveal the list of attachments in a new tab.</li>
</ol>
</li>
<li data-list-item-id="eae7faacee8099500ffeed87bcd10d48c">If a note is linked from other text notes (backlinks), the number of backlinks
will be displayed.
<ol>
<li data-list-item-id="e23765b409994cae53cc3085abdb8c6f4">Clicking on it will show the list of notes that link to this note, as
well as an excerpt of where the note is referenced.</li>
</ol>
</li>
</ol>
<p>Regardless of note type, the following items will always be displayed
if there is a note:</p>
<ol>
<li data-list-item-id="eeba7911e7138db1df76d76712b360b45">Note info, which displays:
<ol>
<li data-list-item-id="ea184596335824cc6cdf737949ee4be0e">The creation/modification date of the note.</li>
<li data-list-item-id="e785134c29b68229dd42afab43413cd70">The type and MIME of the note.</li>
<li data-list-item-id="e06b3ee88bd4ae7da4182e3747264223e">The note ID.</li>
<li data-list-item-id="e896b429faa3a7b9e4ddff8abb2ff0795">An estimation of the note size of the note itself and its children.</li>
<li
data-list-item-id="e2749abcfbc46d6d8cab5b7f0b3fbb161">A button to show Similar notes.</li>
</ol>
</li>
</ol>

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout_image.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

9
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.html generated vendored
View File

@ -3,10 +3,15 @@
<img src="Note buttons_image.png"> <img src="Note buttons_image.png">
</p> </p>
<ul> <ul>
<li>The Note Revisions button displays the&nbsp;<a href="#root/_help_vZWERwf8U3nx">Note Revisions</a>&nbsp;for <li data-list-item-id="e9bebdee3f029e4352aaa066ccc75f3cc">The Note Revisions button displays the&nbsp;<a href="#root/_help_vZWERwf8U3nx">Note Revisions</a>&nbsp;for
that particular note.</li> that particular note.</li>
<li>The contextual menu offers commands for the note or its subtree, such <li data-list-item-id="ed4fd4715e47307a0808ccb0481660303">The contextual menu offers commands for the note or its subtree, such
as import, export, viewing the&nbsp;<a href="#root/_help_4FahAwuGTAwC">Note source code</a>&nbsp;or&nbsp; as import, export, viewing the&nbsp;<a href="#root/_help_4FahAwuGTAwC">Note source code</a>&nbsp;or&nbsp;
<a <a
href="#root/_help_0vhv7lsOLy82">Attachments</a>.</li> href="#root/_help_0vhv7lsOLy82">Attachments</a>.</li>
</ul> </ul>
<p>On the&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_IjZS7iK5EXtb">New Layout</a>,
the button area is populated by some more buttons that are specific to
the current note. For example, for Image and&nbsp;<a class="reference-link"
href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_W8vYD3Q1zjCR">File</a>&nbsp;notes,
the download and copy buttons were relocated there.</p>

144
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Collections/Kanban Board.html generated vendored
View File

@ -7,98 +7,94 @@
adjusted.</p> adjusted.</p>
<h2>How it works</h2> <h2>How it works</h2>
<p>When first creating a collection of <em>Board</em> type, a few subnotes <p>When first creating a collection of <em>Board</em> type, a few subnotes
will be created, each having a <code spellcheck="false">#status</code> label will be created, each having a <code>#status</code> label set. The board
set. The board then groups each note by the value of the status attribute.</p> then groups each note by the value of the status attribute.</p>
<p>Notes are displayed recursively, so even the child notes of the child <p>Notes are displayed recursively, so even the child notes of the child
notes will be displayed. However, unlike the&nbsp;<a class="reference-link" notes will be displayed. However, unlike the&nbsp;<a class="reference-link"
href="#root/_help_2FvYrpmOXm29">Table</a>, the notes are not displayed in a hierarchy.</p> href="#root/_help_2FvYrpmOXm29">Table</a>, the notes are not displayed in a hierarchy.</p>
<h2>Interaction</h2> <h2>Interaction</h2>
<h3>Working with columns</h3> <h3>Working with columns</h3>
<ul> <ul>
<li data-list-item-id="eed75fe2d70ba712457da18d13b91fa16">Create a new column by pressing <em>Add Column</em> near the last column. <li>Create a new column by pressing <em>Add Column</em> near the last column.
<ul> <ul>
<li data-list-item-id="ef2cf2654ff26b4f04aabe7aea447ba04">Once pressed, a text box will be displayed to set the name of the column. <li>Once pressed, a text box will be displayed to set the name of the column.
Press <kbd>Enter</kbd> to confirm, or <kbd>Escape</kbd> to dismiss.</li> Press <kbd>Enter</kbd> to confirm, or <kbd>Escape</kbd> to dismiss.</li>
</ul> </ul>
</li> </li>
<li data-list-item-id="ecf404437de7a7126ec6e74428386c644">To reorder a column, simply hold the mouse over the title and drag it <li>To reorder a column, simply hold the mouse over the title and drag it
to the desired position.</li> to the desired position.</li>
<li data-list-item-id="ebe673a03d3e54db84bad22ac06caf1bc">To delete a column, right click on its title and select <em>Delete column</em>.</li> <li>To delete a column, right click on its title and select <em>Delete column</em>.</li>
<li <li>To rename a column, click on the note title.
data-list-item-id="e7c4c69d4c1ef862d13c886c29fccc0e2">To rename a column, click on the note title.
<ul> <ul>
<li data-list-item-id="ea8ee1c0d6783c0c64fde427a7334f703">Press Enter to confirm.</li> <li>Press Enter to confirm.</li>
<li data-list-item-id="e85724e2b224df1670b08a418e560b05d">Upon renaming a column, the corresponding status attribute of all its <li>Upon renaming a column, the corresponding status attribute of all its
notes will be changed in bulk.</li> notes will be changed in bulk.</li>
</ul> </ul>
</li> </li>
<li data-list-item-id="e2836e9a5f492795750c949f1f060f548">If there are many columns, use the mouse wheel to scroll.</li> <li>If there are many columns, use the mouse wheel to scroll.</li>
</ul> </ul>
<h3>Working with notes</h3> <h3>Working with notes</h3>
<ul> <ul>
<li data-list-item-id="efb7df180d7edb7e6c070bcfee5aa6595">Create a new note in any column by pressing <em>New item</em> <li>Create a new note in any column by pressing <em>New item</em>
<ul> <ul>
<li data-list-item-id="e1cba0534a1bd351bad9a8eab629a2267">Enter the name of the note and press <kbd>Enter</kbd> or click away. To <li>Enter the name of the note and press <kbd>Enter</kbd> or click away. To
dismiss the creation of a new note, simply press <kbd>Escape</kbd> or leave dismiss the creation of a new note, simply press <kbd>Escape</kbd> or leave
the name empty.</li> the name empty.</li>
<li data-list-item-id="ecd0181ef17ca7eea5c4f5864472bb4b3">Once created, the new note will have an attribute (<code spellcheck="false">status</code> label <li>Once created, the new note will have an attribute (<code>status</code> label
by default) set to the name of the column.</li> by default) set to the name of the column.</li>
</ul> </ul>
</li> </li>
<li data-list-item-id="ee23b9bd9fedee464cb70079e80379b12">To open the note, simply click on it.</li> <li>To open the note, simply click on it.</li>
<li data-list-item-id="ef6b267a604ab3dedcce739bda9928c36">To change the title of the note directly from the board, hover the mouse <li>To change the title of the note directly from the board, hover the mouse
over its card and press the edit button on the right.</li> over its card and press the edit button on the right.</li>
<li data-list-item-id="ebbe903cc36e703cf676e988a5b58d950">To change the state of a note, simply drag a note from one column to the <li>To change the state of a note, simply drag a note from one column to the
other to change its state.</li> other to change its state.</li>
<li data-list-item-id="e41960c677e9041fcf07692b44e70b5af">The order of the notes in each column corresponds to their position in <li>The order of the notes in each column corresponds to their position in
the tree. the tree.
<ul> <ul>
<li data-list-item-id="e0868bc9825cdef09da3fc03e873c47d7">It's possible to reorder notes simply by dragging them to the desired <li>It's possible to reorder notes simply by dragging them to the desired
position within the same columns.</li> position within the same columns.</li>
<li data-list-item-id="e0706409ea69226ec62e3364d85001697">It's also possible to drag notes across columns, at the desired position.</li> <li>It's also possible to drag notes across columns, at the desired position.</li>
</ul> </ul>
</li> </li>
<li data-list-item-id="e5ad1e7155fc0100222f460ef9feb6b41">For more options, right click on a note to display a context menu with <li>For more options, right click on a note to display a context menu with
the following options: the following options:
<ul> <ul>
<li data-list-item-id="e1ce2217942aaa4c6b78b8c76a7f38dbb">Open the note in a new tab/split/window or quick edit.</li> <li>Open the note in a new tab/split/window or quick edit.</li>
<li data-list-item-id="e707e47f9eede68e4546eb6b8a83e8a17">Move the note to any column.</li> <li>Move the note to any column.</li>
<li data-list-item-id="e3125b7d4859803621bad3d679339dab9">Insert a new note above/below the current one.</li> <li>Insert a new note above/below the current one.</li>
<li data-list-item-id="ea16c75aba80bbcb50b3dd416cec09753">Archive/unarchive the current note.</li> <li>Archive/unarchive the current note.</li>
<li data-list-item-id="e5ea20c999a4f17c69ed4094d24a706f3">Delete the current note.</li> <li>Delete the current note.</li>
</ul> </ul>
</li> </li>
<li data-list-item-id="e568d17582bdddc191dfe89bb9aca89d5">If there are many notes within the column, move the mouse over the column <li>If there are many notes within the column, move the mouse over the column
and use the mouse wheel to scroll.</li> and use the mouse wheel to scroll.</li>
</ul> </ul>
<h3>Working with the note tree</h3> <h3>Working with the note tree</h3>
<p>It's also possible to add items on the board using the&nbsp;<a class="reference-link" <p>It's also possible to add items on the board using the&nbsp;<a class="reference-link"
href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>.</p> href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>.</p>
<ol> <ol>
<li data-list-item-id="e921887a37d6dba75eb00782ac7c7e118">Select the desired note in the&nbsp;<a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>.</li> <li>Select the desired note in the&nbsp;<a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>.</li>
<li <li>Hold the mouse on the note and drag it to the to the desired column.</li>
data-list-item-id="efeec7811e055ff6465ed839bbba2f776">Hold the mouse on the note and drag it to the to the desired column.</li>
</ol> </ol>
<p>This works for:</p> <p>This works for:</p>
<ul> <ul>
<li data-list-item-id="e31561dca83d4b9598775e33d9c4a8396">Notes that are not children of the board, case in which a <a href="#root/_help_IakOLONlIfGI">clone</a> will <li>Notes that are not children of the board, case in which a <a href="#root/_help_IakOLONlIfGI">clone</a> will
be created.</li> be created.</li>
<li data-list-item-id="e74f3978f78cb119c8ae4b0ec167f8683">Notes that are children of the board, but not yet assigned on the board.</li> <li>Notes that are children of the board, but not yet assigned on the board.</li>
<li <li>Notes that are children of the board, case in which they will be moved
data-list-item-id="e581a876b974f0e5f0381651496400d48">Notes that are children of the board, case in which they will be moved
to the new column.</li> to the new column.</li>
</ul> </ul>
<h3>Keyboard interaction</h3> <h3>Keyboard interaction</h3>
<p>The board view has mild support for keyboard-based navigation:</p> <p>The board view has mild support for keyboard-based navigation:</p>
<ul> <ul>
<li data-list-item-id="e956369914e25568591f1d3dda5ae970e">Use <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> to navigate between <li>Use <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> to navigate between
column titles, notes and the “New item” button for each of the columns, column titles, notes and the “New item” button for each of the columns,
in sequential order.</li> in sequential order.</li>
<li data-list-item-id="e5211444d02da23ac54a370bc1cced494">To rename a column or a note, press <kbd>F2</kbd> while it is focused.</li> <li>To rename a column or a note, press <kbd>F2</kbd> while it is focused.</li>
<li <li>To open a specific note or create a new item, press <kbd>Enter</kbd> while
data-list-item-id="e11a91b88f8a12237ef40ab9c32d9f8f8">To open a specific note or create a new item, press <kbd>Enter</kbd> while
it is focused.</li> it is focused.</li>
<li data-list-item-id="e34aabe77a5bce273c353c2400da91cee">To dismiss a rename of a note or a column, press <kbd>Escape</kbd>.</li> <li>To dismiss a rename of a note or a column, press <kbd>Escape</kbd>.</li>
</ul> </ul>
<h2>Configuration</h2> <h2>Configuration</h2>
<h3>Displaying custom attributes</h3> <h3>Displaying custom attributes</h3>
@ -112,37 +108,33 @@
href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>). The easiest way to href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>). The easiest way to
add these is:</p> add these is:</p>
<ol> <ol>
<li data-list-item-id="e63c976202ef9f633570f685d391b5e50">Go to board note.</li> <li>Go to board note.</li>
<li data-list-item-id="ea821edb6d448b1bde26f9d756b4b0fec">In the ribbon select <em>Owned Attributes</em> → plus button → <em>Add new label/relation definition</em>.</li> <li>In the ribbon select <em>Owned Attributes</em> → plus button → <em>Add new label/relation definition</em>.</li>
<li <li>Configure the attribute as desired.</li>
data-list-item-id="e94dd8b134591fe71e2dcea3506247df6">Configure the attribute as desired.</li> <li>Check <em>Inheritable</em> to make it applicable to child notes automatically.</li>
<li data-list-item-id="ea08e72fd3555837459105e19c12c1e33">Check <em>Inheritable</em> to make it applicable to child notes automatically.</li>
</ol> </ol>
<p>After creating the attribute, click on a note and fill in the promoted <p>After creating the attribute, click on a note and fill in the promoted
attributes which should then reflect inside the board.</p> attributes which should then reflect inside the board.</p>
<p>Of note:</p> <p>Of note:</p>
<ul> <ul>
<li data-list-item-id="eb9e8b5e12e3dc2f5410bc10ba091d552">Both promoted and non-promoted attribute definitions are supported. The <li>Both promoted and non-promoted attribute definitions are supported. The
only difference is that non-promoted attributes don't have an “Alias” for only difference is that non-promoted attributes don't have an “Alias” for
assigning a custom name.</li> assigning a custom name.</li>
<li data-list-item-id="ee41e79b02872367b2c5f2c4f88c3da41">Both “Single value” and “Multi value” attributes are supported. In case <li>Both “Single value” and “Multi value” attributes are supported. In case
of multi-value, a badge is displayed for every instance of the attribute.</li> of multi-value, a badge is displayed for every instance of the attribute.</li>
<li <li>All label types are supported, including dates, booleans and URLs.</li>
data-list-item-id="eb4d6fdbc5f52e70263706b3f51d929e3">All label types are supported, including dates, booleans and URLs.</li> <li>Relation attributes are also supported as well, showing a link with the
<li
data-list-item-id="ec141a7d5aca14f33f58abb3fdb1ab2e3">Relation attributes are also supported as well, showing a link with the
target note title and icon.</li> target note title and icon.</li>
<li data-list-item-id="ef13f98f321ca5b0b0ea881966e7a8ce9">Currently, it's not possible to adjust which promoted attributes are displayed, <li>Currently, it's not possible to adjust which promoted attributes are displayed,
since all promoted attributes will be displayed (except the <code spellcheck="false">board:groupBy</code> one). since all promoted attributes will be displayed (except the <code>board:groupBy</code> one).
There are plans to improve upon this being able to hide promoted attributes There are plans to improve upon this being able to hide promoted attributes
individually.</li> individually.</li>
</ul> </ul>
<h3>Grouping by another label</h3> <h3>Grouping by another label</h3>
<p>By default, the label used to group the notes is <code spellcheck="false">#status</code>. <p>By default, the label used to group the notes is <code>#status</code>.
It is possible to use a different label if needed by defining a label named It is possible to use a different label if needed by defining a label named <code>#board:groupBy</code> with
<code the value being the attribute to use (with or without <code>#</code> attribute
spellcheck="false">#board:groupBy</code>with the value being the attribute to use (with or prefix).</p>
without <code spellcheck="false">#</code> attribute prefix).</p>
<h3>Grouping by relations</h3> <h3>Grouping by relations</h3>
<figure class="image image-style-align-right"> <figure class="image image-style-align-right">
<img style="aspect-ratio:535/245;" src="1_Kanban Board_image.png" <img style="aspect-ratio:535/245;" src="1_Kanban Board_image.png"
@ -151,34 +143,34 @@
<p>A more advanced use-case is grouping by <a href="#root/_help_Cq5X6iKQop6R">Relations</a>.</p> <p>A more advanced use-case is grouping by <a href="#root/_help_Cq5X6iKQop6R">Relations</a>.</p>
<p>During this mode:</p> <p>During this mode:</p>
<ul> <ul>
<li data-list-item-id="e8b12352beeecdc5fbba7ab2cc8c17ebf">The columns represent the <em>target notes</em> of a relation.</li> <li>The columns represent the <em>target notes</em> of a relation.</li>
<li data-list-item-id="e93e74a0b91864714971460d4f0c70d7c">When creating a new column, a note is selected instead of a column name.</li> <li>When creating a new column, a note is selected instead of a column name.</li>
<li <li>The column icon will match the target note.</li>
data-list-item-id="ef5f8b62aea5f50ce16fd0eb7ec2da8a9">The column icon will match the target note.</li> <li>Moving notes between columns will change its relation.</li>
<li data-list-item-id="e1a406b952707601c17f59b79b428fcc4">Moving notes between columns will change its relation.</li> <li>Renaming an existing column will change the target note of all the notes
<li data-list-item-id="e26ad186c049342b5071dbd7e288c34a5">Renaming an existing column will change the target note of all the notes
in that column.</li> in that column.</li>
</ul> </ul>
<p>Using relations instead of labels has some benefits:</p> <p>Using relations instead of labels has some benefits:</p>
<ul> <ul>
<li data-list-item-id="e023fc2ef6ec6e976dc81d3e2b0fd0c46">The status/grouping of the notes is visible outside the Kanban board, <li>The status/grouping of the notes is visible outside the Kanban board,
for example on the&nbsp;<a class="reference-link" href="#root/_help_bdUJEHsAPYQR">Note Map</a>.</li> for example on the&nbsp;<a class="reference-link" href="#root/_help_bdUJEHsAPYQR">Note Map</a>.</li>
<li <li>Columns can have icons.</li>
data-list-item-id="e3b0b352a62b78f4ec2cf335e054f1cac">Columns can have icons.</li> <li>Renaming columns is less intensive since it simply involves changing the
<li data-list-item-id="e5646f801237c13c7ddd600eecffea714">Renaming columns is less intensive since it simply involves changing the
note title of the target note instead of having to do a bulk rename.</li> note title of the target note instead of having to do a bulk rename.</li>
</ul> </ul>
<p>To do so:</p> <p>To do so:</p>
<ol> <ol>
<li data-list-item-id="ecd59797f1fe062de6118a1020034f761">First, create a Kanban board from scratch and not a template:</li> <li>
<li <p>First, create a Kanban board from scratch and not a template:</p>
data-list-item-id="ea3e28bea94fae0e37b0319a1e2c0f48c">Assign <code spellcheck="false">#viewType=board #hidePromotedAttributes</code> to </li>
emulate the default template.</li> <li>
<li data-list-item-id="e063e32f35af1b206b060779666db84e5">Set <code spellcheck="false">#board:groupBy</code> to the name of a relation <p>Assign <code>#viewType=board #hidePromotedAttributes</code> to emulate the
to group by, <strong>including the</strong> <code spellcheck="false">~</code> <strong>prefix</strong> (e.g. default template.</p>
<code </li>
spellcheck="false">~status</code>).</li> <li>
<li data-list-item-id="e079874488794f7fa65ea90c7aa6a71a9"> <p>Set <code>#board:groupBy</code> to the name of a relation to group by, <strong>including the</strong> <code>~</code> <strong>prefix</strong> (e.g. <code>~status</code>).</p>
</li>
<li>
<p>Optionally, use&nbsp;<a class="reference-link" href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>&nbsp;for <p>Optionally, use&nbsp;<a class="reference-link" href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>&nbsp;for
easy status change within the note:</p><pre><code class="language-text-x-trilium-auto">#relation:status(inheritable)="promoted,alias=Status,single"</code></pre> easy status change within the note:</p><pre><code class="language-text-x-trilium-auto">#relation:status(inheritable)="promoted,alias=Status,single"</code></pre>
</li> </li>

76
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Feature Highlights.html generated vendored
View File

@ -3,80 +3,92 @@
of brevity, beta versions are skipped and the features gathered to the of brevity, beta versions are skipped and the features gathered to the
nearest stable version.</p> nearest stable version.</p>
<ul> <ul>
<li>v0.97.0: <li data-list-item-id="ef19f93f07430e9fca2b18faeccdb8541">v0.101.0:
<ul> <ul>
<li>Books are now&nbsp;<a class="reference-link" href="#root/_help_GTwFsgaA0lCt">Collections</a>.</li> <li data-list-item-id="e966cf04b1d3e2d4c25a0804e1300fce1">A&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_IjZS7iK5EXtb">New Layout</a>&nbsp;has
<li><a class="reference-link" href="#root/_help_2FvYrpmOXm29">Table View</a>&nbsp;is been introduced, making significant modifications to the UI/UX such as
integrating the ribbon and the floating buttons into other UI elements
and introducing new functionality such as the&nbsp;<a class="reference-link"
href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/IjZS7iK5EXtb/_help_I6p2a06hdnL6">Breadcrumb</a>.</li>
</ul>
</li>
<li data-list-item-id="e5e5a3e380946c4a9c20c195c4c2a67aa">v0.97.0:
<ul>
<li data-list-item-id="ebbabd91a31cefad600f9158e0d8ed8a6">Books are now&nbsp;<a class="reference-link" href="#root/_help_GTwFsgaA0lCt">Collections</a>.</li>
<li
data-list-item-id="e5d450d9e3671fcaaddf7de7d4189cce9"><a class="reference-link" href="#root/_help_2FvYrpmOXm29">Table</a>&nbsp;is
a new collection type displaying notes and attributes in an editable grid.</li> a new collection type displaying notes and attributes in an editable grid.</li>
<li><a class="reference-link" href="#root/_help_ZjLYv08Rp3qC">Quick edit</a>&nbsp;is <li
data-list-item-id="ec1854c492a549ddaf435991b6600932f"><a class="reference-link" href="#root/_help_ZjLYv08Rp3qC">Quick edit</a>&nbsp;is
introduced, adding a new way to edit notes in a popup instead of opening introduced, adding a new way to edit notes in a popup instead of opening
a new tab. It also integrates well with&nbsp;<a class="reference-link" a new tab. It also integrates well with&nbsp;<a class="reference-link"
href="#root/_help_GTwFsgaA0lCt">Collections</a>.</li> href="#root/_help_GTwFsgaA0lCt">Collections</a>.</li>
</ul> </ul>
</li> </li>
<li>v0.96.0: <li data-list-item-id="e669f8c64a650e888f7ab9ad44811b3fe">v0.96.0:
<ul> <ul>
<li><a class="reference-link" href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;gain <li data-list-item-id="e9edc8470eceb197a762ea99a56990b04"><a class="reference-link" href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;gain
premium features thanks to a collaboration with the CKEditor team: premium features thanks to a collaboration with the CKEditor team:
<ul> <ul>
<li><a class="reference-link" href="#root/_help_ZlN4nump6EbW">Slash Commands</a> <li data-list-item-id="eed1f858832c5484cc05c5206af7deb8c"><a class="reference-link" href="#root/_help_ZlN4nump6EbW">Slash Commands</a>
</li> </li>
<li><a class="reference-link" href="#root/_help_pwc194wlRzcH">Text Snippets</a> <li data-list-item-id="e423ca44abcf1c492bca3326c68a4dd02"><a class="reference-link" href="#root/_help_pwc194wlRzcH">Text Snippets</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li>v0.95.0: <li data-list-item-id="edd5bb4ebdcbc1b78eab317432920681e">v0.95.0:
<ul> <ul>
<li>A more friendly theme was introduced for&nbsp;<a class="reference-link" <li data-list-item-id="e96ab356645dc2872d00ef26303c3c243">A more friendly theme was introduced for&nbsp;<a class="reference-link"
href="#root/_help_R9pX4DGra2Vt">Sharing</a>, with search, expandable tree, night href="#root/_help_R9pX4DGra2Vt">Sharing</a>, with search, expandable tree, night
mode and more.</li> mode and more.</li>
</ul> </ul>
</li> </li>
<li>v0.94.0: <li data-list-item-id="eb0db41819961cceb421d0080ebe393a0">v0.94.0:
<ul> <ul>
<li>Added integration with&nbsp;<a class="reference-link" href="#root/_help_LMAv4Uy3Wk6J">AI</a>&nbsp;(using <li data-list-item-id="ef5d455dc8f704ff4ed8dbaa643680b4f">Added integration with&nbsp;<a class="reference-link" href="#root/_help_LMAv4Uy3Wk6J">[missing note]</a>&nbsp;(using
self-hosted LLMs such as Ollama or industry standards such as ChatGPT).</li> self-hosted LLMs such as Ollama or industry standards such as ChatGPT).</li>
</ul> </ul>
</li> </li>
<li>v0.92.5: <li data-list-item-id="eb02f63d990d33fb68e5c5ef4cb4d98bc">v0.92.5:
<ul> <ul>
<li>Windows binaries are now signed.</li> <li data-list-item-id="eb7667b18dbb62602cb808e66391dc419">Windows binaries are now signed.</li>
<li><a class="reference-link" href="#root/_help_7DAiwaf8Z7Rz">Multi-Factor Authentication</a>&nbsp;was <li data-list-item-id="eb2eb9833623a29c74170e96c8354fb58"><a class="reference-link" href="#root/_help_7DAiwaf8Z7Rz">Multi-Factor Authentication</a>&nbsp;was
introduced.</li> introduced.</li>
</ul> </ul>
</li> </li>
<li>v0.92.4: <li data-list-item-id="e72d4cc6c767dc3d84b26a106ec7c68b5">v0.92.4:
<ul> <ul>
<li>macOS binaries are now signed.</li> <li data-list-item-id="ee1f5a03462a47645dbb59199872e1872">macOS binaries are now signed.</li>
<li><a class="reference-link" href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;notes <li data-list-item-id="eae09e921f976e97d897d36c907dec049"><a class="reference-link" href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;notes
can now have adjustable&nbsp;<a class="reference-link" href="#root/_help_veGu4faJErEM">Content language &amp; Right-to-left support</a>.</li> can now have adjustable&nbsp;<a class="reference-link" href="#root/_help_veGu4faJErEM">Content language &amp; Right-to-left support</a>.</li>
<li><a class="reference-link" href="#root/_help_NRnIZmSMc5sj">Export as PDF</a> <li
data-list-item-id="e12e70f61de823364911a9312f5a531e3"><a class="reference-link" href="#root/_help_NRnIZmSMc5sj">Printing &amp; Exporting as PDF</a>
</li> </li>
<li><a class="reference-link" href="#root/_help_rC3pL2aptaRE">Zen mode</a> <li data-list-item-id="e4dc6fa7783021624c2c792eed2a8d444"><a class="reference-link" href="#root/_help_rC3pL2aptaRE">Zen mode</a>
</li> </li>
<li><a class="reference-link" href="#root/_help_xWbu3jpNWapp">Calendar View</a>, <li data-list-item-id="e089e6f72a09ee8fe6d12a9c5a774aa78"><a class="reference-link" href="#root/_help_xWbu3jpNWapp">Calendar</a>, allowing
allowing notes to be displayed in a monthly grid based on start and end notes to be displayed in a monthly grid based on start and end dates.</li>
dates.</li>
</ul> </ul>
</li> </li>
<li>v0.91.5: <li data-list-item-id="e5acf0fb776a98a6f22fc1e7d8baa1239">v0.91.5:
<ul> <ul>
<li>Significant improvements for mobile.</li> <li data-list-item-id="eff56df616edfcfbacd72082aa8400caa">Significant improvements for mobile.</li>
<li><a class="reference-link" href="#root/_help_AgjCISero73a">Footnotes</a>&nbsp;are <li data-list-item-id="e60bb9702a5cadd5806140a188716ec8e"><a class="reference-link" href="#root/_help_AgjCISero73a">Footnotes</a>&nbsp;are
now supported in&nbsp;<a class="reference-link" href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;notes.</li> now supported in&nbsp;<a class="reference-link" href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;notes.</li>
<li>Mermaid diagrams can now be inserted inline within&nbsp;<a class="reference-link" <li
data-list-item-id="e9214e1433aa79a600f283168945fd4ba">Mermaid diagrams can now be inserted inline within&nbsp;<a class="reference-link"
href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;notes.</li> href="#root/_help_iPIMuisry3hd">Text</a>&nbsp;notes.</li>
<li>The TriliumNext theme is introduced, bringing a more modern design to <li data-list-item-id="e0369b6c1b97c47dcb47a0f46a003c8ed">The TriliumNext theme is introduced, bringing a more modern design to
the application.</li> the application.</li>
<li><a class="reference-link" href="#root/_help_81SGnPGMk7Xc">Geo Map View</a>, <li data-list-item-id="ef5ee87f813b6d7b4ac89f6f3b9e72964"><a class="reference-link" href="#root/_help_81SGnPGMk7Xc">Geo Map</a>, displaying
displaying notes as markers on a geographical map for easy trip planning.</li> notes as markers on a geographical map for easy trip planning.</li>
</ul> </ul>
</li> </li>
<li>v0.90.8: <li data-list-item-id="ec24ee9c5a93cac613b12ed9632dbd5d1">v0.90.8:
<ul> <ul>
<li>A new note type was introduced:&nbsp;<a class="reference-link" href="#root/_help_gBbsAeiuUxI5">Mind Map</a> <li data-list-item-id="eef68f9a9f5de860bbf95fb520aa499e3">A new note type was introduced:&nbsp;<a class="reference-link" href="#root/_help_gBbsAeiuUxI5">Mind Map</a>
</li> </li>
</ul> </ul>
</li> </li>

26
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Links.html generated vendored
View File

@ -5,30 +5,6 @@
<li><a class="reference-link" href="#root/_help_hrZ1D00cLbal">Internal (reference) links</a>&nbsp;for <li><a class="reference-link" href="#root/_help_hrZ1D00cLbal">Internal (reference) links</a>&nbsp;for
links to other notes within Trilium.</li> links to other notes within Trilium.</li>
</ul> </ul>
<h2>Pasting links</h2>
<ul>
<li>For internal links (links to notes in Trilium), press Ctrl+C in the&nbsp;
<a
class="reference-link" href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>:
<ul>
<li>Pasting directly in a text note will create a reference link (with an
icon to the note and the actual note title).</li>
<li>Pasting over an existing text will create a traditional link.</li>
</ul>
</li>
<li>For external links:
<ul>
<li>Paste the raw URL directly and press space to turn it into a link.</li>
<li>Select a text and paste the URL over it to turn that text into a link.</li>
<li>If you are pasting a formatted link (e.g. from the a webpage in a browser),
simply paste it and it will keep the original text and URL.</li>
</ul>
</li>
</ul>
<h2>In-place linking</h2>
<p>Trilium also provides "inline" linking - type <code>@</code> and you'll
see an autocomplete, just type few characters from the desired note title,
press enter and you have a link.</p>
<h2>Note map</h2> <h2>Note map</h2>
<p>Trilium provides a visualisation of incoming and outgoing links for a <p>Trilium provides a visualization of incoming and outgoing links for a
particular note. See <a href="#root/_help_BCkXAVs63Ttv">note map</a> for details.</p> particular note. See <a href="#root/_help_BCkXAVs63Ttv">note map</a> for details.</p>

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Links/1_Internal (reference) links.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 B

62
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Links/Internal (reference) links.html generated vendored
View File

@ -1,33 +1,51 @@
<p>Unlike external notes, internal links (links to other notes) can be created <p>Internal links are links to other notes within Trilium.</p>
at the current position by :</p> <p>You can open an internal link by clicking it. You can also see a read-only
preview of an internal link's contents by hovering over it.</p>
<h2>Inserting internal links</h2>
<p>Internal links can be created at the current position in a text note by:</p>
<ol> <ol>
<li>Pressing <kbd>Ctrl</kbd> + <kbd>L</kbd> or the <li data-list-item-id="e655e303285d12486178b60e5252b02fb">Pressing <kbd>Ctrl</kbd> + <kbd>L</kbd> or the
<img src="Internal (reference) links.png" <img src="Internal (reference) links.png"
width="20" height="17">button from the&nbsp;<a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>.</li> width="20" height="17">button underneath the
<li>Filling in the desired note to link. It's also possible to create notes <img src="1_Internal (reference) links.png"
from this dialog by typing a non-existing note title and selecting <em>Create and link child note</em>.</li> width="34" height="16">menu in the&nbsp;<a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>.</li>
<li
data-list-item-id="ec4d17a840f8ad96ad9a1344fae1b08aa">Searching for the title of the desired note to link. It's also possible
to create new notes from this dialog by typing a non-existing note title
and selecting <em>Create and link child note</em>.</li>
</ol> </ol>
<p>There are two link types, adjustable when creating the link to the note:</p> <p>There are two link types which you can select when creating the link to
the note:</p>
<ol> <ol>
<li><em>link title mirrors the note's current title</em> <li class="ck-list-marker-italic" data-list-item-id="e4941d85321cae8b9c8ca4fb3f9b5391f"><em>Link title mirrors the note's current title</em>
<ol> <ol>
<li>This is sometimes also called "reference link".</li> <li data-list-item-id="e831f442edca1e269b6c9282ba6c1731f">This is sometimes also called "reference link".</li>
<li>Title of such links cannot be changed, instead it is always mirroring <li data-list-item-id="e4c7d8126b4309f53f8e525e251253c6e">The title of this link cannot be changed. Instead, it will always show
the title of linked note.</li> the current title of the linked note.</li>
<li>The icon of the note is also displayed.</li> <li data-list-item-id="ec99e391c88123c302a411912aa997be1">The icon of the linked note will also be displayed.</li>
<li>The link title will automatically update if the title of the note is changed.</li>
</ol> </ol>
</li> </li>
<li><em>link title can be changed arbitrarily</em> <li class="ck-list-marker-italic" data-list-item-id="ebfbfebd9681b2e42f2859d75b95455c4"><em>Link title can be changed arbitrarily</em>
<ol> <ol>
<li>This is the traditional hyperlink, where the text of the link can be different <li data-list-item-id="eb2e9aac2e539d6ff4d1300f83ce15e4d">This will create a traditional hyperlink, where the text of the link can
to the note title.</li> be different from the note title.</li>
</ol> </ol>
</li> </li>
</ol> </ol>
<p>Once an internal link is created:</p> <h2>In-place linking</h2>
<ul> <p>You can also insert internal links “inline” by using the <code spellcheck="false">@</code> symbol:</p>
<li>You can follow the note link by double clicking it.</li> <ol>
<li>Alternatively if you only wish to quickly preview the content, you can <li data-list-item-id="e31c9d32997316a3bac436e1bbb8a225a">Type <code spellcheck="false">@</code> in a text note, which will open the
hover over the link and will see read only preview.</li> note search menu.</li>
</ul> <li data-list-item-id="ef74c22124bc8cfdd214b70095ecb4836">Search for the desired note's title by typing a few characters. Use <kbd>Up</kbd> and <kbd>Down</kbd> to
select the correct note, and press <kbd>Enter</kbd> or <kbd>Tab</kbd> to create
the link. It's also possible to create new notes with this method by typing
a non-existing note title and selecting <em>Create and link child note</em>.</li>
</ol>
<h2>Pasting internal links</h2>
<p>You can also insert internal links by copying a note from the note tree.</p>
<ol>
<li data-list-item-id="e4f9f8b8c477975d3ed3919c384916a94">In the&nbsp;<a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>,
select a note and press <kbd>Ctrl</kbd> + <kbd>C</kbd>.</li>
<li data-list-item-id="e1ec19e8d37170ee05aee28228c4fae6e">In a text note, paste the link by pressing <kbd>Ctrl</kbd> + <kbd>V</kbd>.</li>
</ol>

11
apps/server/src/services/search/expressions/note_content_fulltext.ts
View File

@ -315,13 +315,18 @@ class NoteContentFulltextExp extends Expression {
[key: string]: any; // Other properties that may exist [key: string]: any; // Other properties that may exist
} }
let canvasContent = JSON.parse(content); const canvasContent = JSON.parse(content);
const elements: Element[] = canvasContent.elements; const elements = canvasContent.elements;
if (Array.isArray(elements)) {
const texts = elements const texts = elements
.filter((element: Element) => element.type === "text" && element.text) // Filter for 'text' type elements with a 'text' property .filter((element: Element) => element.type === "text" && element.text) // Filter for 'text' type elements with a 'text' property
.map((element: Element) => element.text!); // Use `!` to assert `text` is defined after filtering .map((element: Element) => element.text!); // Use `!` to assert `text` is defined after filtering
content = normalize(texts.toString()); content = normalize(texts.join(" "));
} else {
content = "";
}
} }
return content.trim(); return content.trim();

2
docs/Developer Guide/Developer Guide/Documentation.md vendored
View File

@ -1,5 +1,5 @@
# Documentation # Documentation
There are multiple types of documentation for Trilium:<img class="image-style-align-right" src="api/images/lONK7oKNhIgu/Documentation_image.png" width="205" height="162"> There are multiple types of documentation for Trilium:<img class="image-style-align-right" src="api/images/Y3urZDbSOH6u/Documentation_image.png" width="205" height="162">
* The _User Guide_ represents the user-facing documentation. This documentation can be browsed by users directly from within Trilium, by pressing <kbd>F1</kbd>. * The _User Guide_ represents the user-facing documentation. This documentation can be browsed by users directly from within Trilium, by pressing <kbd>F1</kbd>.
* The _Developer's Guide_ represents a set of Markdown documents that present the internals of Trilium, for developers. * The _Developer's Guide_ represents a set of Markdown documents that present the internals of Trilium, for developers.

14
docs/README-nl.md vendored
View File

@ -57,11 +57,11 @@ Onze documentatie is beschikbaar in meerdere formaten:
### Snelkoppelingen ### Snelkoppelingen
- [Getting Started Gids](https://docs.triliumnotes.org/) - [Getting Started Gids](https://docs.triliumnotes.org/)
- [Vertaal Instructies](https://docs.triliumnotes.org/user-guide/setup) - [Installatie Instructies](https://docs.triliumnotes.org/user-guide/setup)
- [Docker - [Docker
Installatie](https://docs.triliumnotes.org/user-guide/setup/server/installation/docker) Installatie](https://docs.triliumnotes.org/user-guide/setup/server/installation/docker)
- [TriliumNext - [Upgrading
Upgraden](https://docs.triliumnotes.org/user-guide/setup/upgrading) TriliumNext](https://docs.triliumnotes.org/user-guide/setup/upgrading)
- [Basis Concepten en - [Basis Concepten en
Features](https://docs.triliumnotes.org/user-guide/concepts/notes) Features](https://docs.triliumnotes.org/user-guide/concepts/notes)
- [Patronen van Personal Knowledge - [Patronen van Personal Knowledge
@ -87,15 +87,15 @@ Onze documentatie is beschikbaar in meerdere formaten:
* Notitie[-attributen](https://docs.triliumnotes.org/user-guide/advanced-usage/attributes) * Notitie[-attributen](https://docs.triliumnotes.org/user-guide/advanced-usage/attributes)
kunnen worden ingezet voor notitie-organisatie, queries en geavanceerd kunnen worden ingezet voor notitie-organisatie, queries en geavanceerd
[scripten](https://docs.triliumnotes.org/user-guide/scripts) [scripten](https://docs.triliumnotes.org/user-guide/scripts)
* Gebruikersinterfacevariabele in het Engels, Duits, Spaans, Frans, Roemeens en * Gebruikersinterface verkrijgbaar in het Engels, Duits, Spaans, Frans, Roemeens
Chinees (versimpeld en traditioneel) en Chinees (versimpeld en traditioneel)
* Directe [OpenID en TOTP * Directe [OpenID en TOTP
integratie](https://docs.triliumnotes.org/user-guide/setup/server/mfa) voor integratie](https://docs.triliumnotes.org/user-guide/setup/server/mfa) voor
beter beveiligde aanmelding beter beveiligde aanmelding
* [Synchronisatie](https://docs.triliumnotes.org/user-guide/setup/synchronization) * [Synchronisatie](https://docs.triliumnotes.org/user-guide/setup/synchronization)
met zelfgehoste synchronisatieserver met zelfgehoste synchronisatieserver
* there are [3rd party services for hosting synchronisation * er zijn [diensten van derden voor het hosten van de
server](https://docs.triliumnotes.org/user-guide/setup/server/cloud-hosting) synchronisatieserver](https://docs.triliumnotes.org/user-guide/setup/server/cloud-hosting)
* [Sharing](https://docs.triliumnotes.org/user-guide/advanced-usage/sharing) * [Sharing](https://docs.triliumnotes.org/user-guide/advanced-usage/sharing)
(publishing) notes to public internet (publishing) notes to public internet
* Strong [note * Strong [note

332
docs/User Guide/!!!meta.json vendored
View File

@ -237,6 +237,20 @@
"value": "feature-highlights", "value": "feature-highlights",
"isInheritable": false, "isInheritable": false,
"position": 170 "position": 170
},
{
"type": "relation",
"name": "internalLink",
"value": "IjZS7iK5EXtb",
"isInheritable": false,
"position": 180
},
{
"type": "relation",
"name": "internalLink",
"value": "I6p2a06hdnL6",
"isInheritable": false,
"position": 190
} }
], ],
"format": "markdown", "format": "markdown",
@ -2851,6 +2865,20 @@
"value": "note-buttons", "value": "note-buttons",
"isInheritable": false, "isInheritable": false,
"position": 60 "position": 60
},
{
"type": "relation",
"name": "internalLink",
"value": "IjZS7iK5EXtb",
"isInheritable": false,
"position": 70
},
{
"type": "relation",
"name": "internalLink",
"value": "W8vYD3Q1zjCR",
"isInheritable": false,
"position": 80
} }
], ],
"format": "markdown", "format": "markdown",
@ -3436,6 +3464,286 @@
"dataFileName": "Note Tooltip_image.png" "dataFileName": "Note Tooltip_image.png"
} }
] ]
},
{
"isClone": false,
"noteId": "IjZS7iK5EXtb",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"IjZS7iK5EXtb"
],
"title": "New Layout",
"notePosition": 220,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-layout",
"isInheritable": false,
"position": 30
},
{
"type": "relation",
"name": "internalLink",
"value": "4TIF1oA4VQRO",
"isInheritable": false,
"position": 40
},
{
"type": "relation",
"name": "internalLink",
"value": "iPIMuisry3hd",
"isInheritable": false,
"position": 50
},
{
"type": "relation",
"name": "internalLink",
"value": "6f9hih2hXXZk",
"isInheritable": false,
"position": 60
},
{
"type": "relation",
"name": "internalLink",
"value": "KC1HB96bqqHX",
"isInheritable": false,
"position": 70
},
{
"type": "relation",
"name": "internalLink",
"value": "8YBEPzcpUgxw",
"isInheritable": false,
"position": 80
},
{
"type": "relation",
"name": "internalLink",
"value": "grjYqerjn243",
"isInheritable": false,
"position": 90
},
{
"type": "relation",
"name": "internalLink",
"value": "XpOYSgsLkTJy",
"isInheritable": false,
"position": 100
},
{
"type": "relation",
"name": "internalLink",
"value": "cbkrhQjrkKrh",
"isInheritable": false,
"position": 110
},
{
"type": "relation",
"name": "internalLink",
"value": "MtPxeAWVAzMg",
"isInheritable": false,
"position": 120
},
{
"type": "relation",
"name": "internalLink",
"value": "CdNpE2pqjmI6",
"isInheritable": false,
"position": 140
},
{
"type": "relation",
"name": "internalLink",
"value": "YKWqdJhzi2VY",
"isInheritable": false,
"position": 150
},
{
"type": "relation",
"name": "internalLink",
"value": "veGu4faJErEM",
"isInheritable": false,
"position": 160
},
{
"type": "relation",
"name": "internalLink",
"value": "zEY4DaJG4YT5",
"isInheritable": false,
"position": 170
},
{
"type": "relation",
"name": "internalLink",
"value": "AlJ73vBCjWDw",
"isInheritable": false,
"position": 180
},
{
"type": "relation",
"name": "internalLink",
"value": "l0tKav7yLHGF",
"isInheritable": false,
"position": 190
},
{
"type": "relation",
"name": "internalLink",
"value": "eIg8jdvaoNNd",
"isInheritable": false,
"position": 200
},
{
"type": "relation",
"name": "internalLink",
"value": "m523cpzocqaD",
"isInheritable": false,
"position": 210
}
],
"format": "markdown",
"dataFileName": "New Layout.md",
"attachments": [
{
"attachmentId": "3DFGaMiTTHQ1",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "New Layout_image.png"
},
{
"attachmentId": "6iN5nrmdwG6z",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_New Layout_image.png"
},
{
"attachmentId": "KvNAEoJjRhyr",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "2_New Layout_image.png"
},
{
"attachmentId": "lEKxf6dYMG6u",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "3_New Layout_image.png"
},
{
"attachmentId": "SYOTVGCyx749",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "4_New Layout_image.png"
},
{
"attachmentId": "wCwzwfGspejR",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "5_New Layout_image.png"
}
],
"dirFileName": "New Layout",
"children": [
{
"isClone": false,
"noteId": "I6p2a06hdnL6",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"IjZS7iK5EXtb",
"I6p2a06hdnL6"
],
"title": "Breadcrumb",
"notePosition": 10,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "relation",
"name": "internalLink",
"value": "AlJ73vBCjWDw",
"isInheritable": false,
"position": 30
},
{
"type": "label",
"name": "iconClass",
"value": "bx bx-chevron-right",
"isInheritable": false,
"position": 40
}
],
"format": "markdown",
"dataFileName": "Breadcrumb.md",
"attachments": [
{
"attachmentId": "CjYmaJD0L1D4",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Breadcrumb_image.png"
}
]
},
{
"isClone": false,
"noteId": "AlJ73vBCjWDw",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"IjZS7iK5EXtb",
"AlJ73vBCjWDw"
],
"title": "Status bar",
"notePosition": 20,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "relation",
"name": "internalLink",
"value": "I6p2a06hdnL6",
"isInheritable": false,
"position": 30
},
{
"type": "label",
"name": "iconClass",
"value": "bx bx-dock-bottom",
"isInheritable": false,
"position": 40
}
],
"format": "markdown",
"dataFileName": "Status bar.md",
"attachments": []
}
]
} }
] ]
}, },
@ -7621,19 +7929,12 @@
"isInheritable": false, "isInheritable": false,
"position": 20 "position": 20
}, },
{
"type": "relation",
"name": "internalLink",
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 30
},
{ {
"type": "relation", "type": "relation",
"name": "internalLink", "name": "internalLink",
"value": "BCkXAVs63Ttv", "value": "BCkXAVs63Ttv",
"isInheritable": false, "isInheritable": false,
"position": 40 "position": 30
}, },
{ {
"type": "label", "type": "label",
@ -7747,6 +8048,13 @@
"isInheritable": false, "isInheritable": false,
"position": 10 "position": 10
}, },
{
"type": "relation",
"name": "internalLink",
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 20
},
{ {
"type": "label", "type": "label",
"name": "iconClass", "name": "iconClass",
@ -7772,6 +8080,14 @@
"mime": "image/png", "mime": "image/png",
"position": 10, "position": 10,
"dataFileName": "Internal (reference) links.png" "dataFileName": "Internal (reference) links.png"
},
{
"attachmentId": "VWmqBZtLxTJH",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Internal (reference) links.png"
} }
] ]
} }

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/1_New Layout_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/2_New Layout_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/3_New Layout_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/4_New Layout_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/5_New Layout_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

114
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.md vendored Normal file
View File

@ -0,0 +1,114 @@
# New Layout
The _New layout_ is a series of UI/UX changes that were introduced in v0.101.0 that heavily change both existing UI elements, as well as adding some new ones. The goal of this new layout is to modernize the application and to make it more intuitive but at the same time to reduce clutter.
## Newly introduced features
### Status bar
At the bottom of the window there is a new bar called the _Status bar_. This bar houses multiple items such as the Breadcrumb navigation and information and settings about the current note, such as the [content language](../../Note%20Types/Text/Content%20language%20%26%20Right-to-le.md) and <a class="reference-link" href="../../Advanced%20Usage/Attributes.md">Attributes</a>.
For more information, consult the [dedicated page](New%20Layout/Status%20bar.md).
<figure class="image"><img style="aspect-ratio:1150/27;" src="4_New Layout_image.png" width="1150" height="27"></figure>
### Inline title
In previous versions of Trilium, the title bar was fixed at all times. In the new layout, there is both a fixed title bar and one that scrolls with the text. The newly introduced title is called the _Inline title_ and it displays the title in a larger font, while also displaying additional information such as the creation and the modification date.
Whenever the title is scrolled past, the fixed title is shown instead.
This only affects <a class="reference-link" href="../../Note%20Types/Text.md">Text</a> and <a class="reference-link" href="../../Note%20Types/Code.md">Code</a> notes. Note types that take the entirety of the screen such as <a class="reference-link" href="../../Note%20Types/Canvas.md">Canvas</a> will always have only the fixed title bar.
Depending on the note type, the inline title will also present some more interactive options such as being able to switch the note type (see below).
<figure class="image"><img style="aspect-ratio:899/122;" src="New Layout_image.png" width="899" height="122"><figcaption>The <em>Inline title</em>, which is displayed at the top of the note and can be scrolled past.</figcaption></figure><figure class="image"><img style="aspect-ratio:910/104;" src="3_New Layout_image.png" width="910" height="104"><figcaption>The fixed title bar. The title only appears after scrolling past the <em>Inline title</em>.</figcaption></figure>
### New note type switcher
When a new <a class="reference-link" href="../../Note%20Types/Text.md">Text</a> or <a class="reference-link" href="../../Note%20Types/Code.md">Code</a> note is created, a note type switcher will appear below the _Inline title_. Apart from changing the note type, it's also possible to apply a [template](../../Advanced%20Usage/Templates.md).
The switcher will disappear as soon as a text is entered.
<img src="5_New Layout_image.png" width="735" height="143">
### Note badges
Note badges appear near the fixed note title and indicate important information about the note such as whether it is read-only. Some of the badges are also interactive.
<figure class="image"><img style="aspect-ratio:910/49;" src="2_New Layout_image.png" width="910" height="49"></figure>
The following badges are available:
* **Read-only badge**, which will be shown if the note is not editable due to either automatic read-only or manual read-only. Clicking on the badge will temporarily edit the note (similar to the Edit [floating button](Floating%20buttons.md)).
* **Share badge**, which will indicate that the current note is shared. The badge will also indicate if the share is on the local network (for the desktop application without <a class="reference-link" href="../../Installation%20%26%20Setup/Synchronization.md">Synchronization</a> set up) or publicly accessible (for the server).
* **Web clip badge**, which will indicate if the note was clipped using the <a class="reference-link" href="../../Installation%20%26%20Setup/Web%20Clipper.md">Web Clipper</a>. The badge acts as a link, so it can be clicked on to navigate to the page or right clicked for more options.
* **Execute badge**, for [scripts](../../Scripting.md) or [saved SQL queries](../../Advanced%20Usage/Database/Manually%20altering%20the%20database/SQL%20Console.md) which have an execute button or a description.
Some of these badges replace the dedicated panels at the top of the note.
### Collapsible sections
<figure class="image"><img style="aspect-ratio:496/265;" src="1_New Layout_image.png" width="496" height="265"></figure>
The following sections have been made collapsible:
* _Promoted Attributes_
* For full-height notes such as <a class="reference-link" href="../../Note%20Types/Canvas.md">Canvas</a>, the promoted attributes are collapsed by default to make room.
* The keyboard shortcut previously used to trigger the promoted attributes ribbon tab (which was no longer working) has been repurposed to toggle the promoted attributes instead.
* _Edited Notes_, which appears for <a class="reference-link" href="../../Advanced%20Usage/Advanced%20Showcases/Day%20Notes.md">Day Notes</a> is now shown underneath the title.
* Whether the section is collapsed or not depends on the choice in <a class="reference-link" href="Options.md">Options</a> → Appearance.
* _Search Properties_, which appears for the full <a class="reference-link" href="../Navigation/Search.md">Search</a> and <a class="reference-link" href="../../Note%20Types/Saved%20Search.md">Saved Search</a>.
## Changing to the existing layout
### Removal of the ribbon
The most significant change is the removal of the ribbon. All the actions and options from the ribbon were integrated in other places in the application.
Here's how all the different tabs that were once part of the ribbon are now available in the new layout:
* “Formatting toolbar” was relocated to the top of the page.
* Instead of having one per split, now there is a single formatting toolbar per tab. This allows more space for the toolbar items.
* “Owned attributes” and “Inherited attributes” were merged and moved to the status bar region (displayed one above the other).
* “Basic Properties” were integrated in the <a class="reference-link" href="Note%20buttons.md">Note buttons</a> menu.
* The only exception here is the Language combo box which can now be found in the status bar (top-right of the screen).
* “File” and “Image” tabs
* The buttons were moved to the right of the note title, as dedicated entries in <a class="reference-link" href="Note%20buttons.md">Note buttons</a>.
* The info section has been merged into the _Note info_ section of the status bar.
* Edited notes
* Moved underneath the title, displayed under a collapsible area and the notes are represented as badges/chips.
* Whether the section is expanded or collapsed depends on the “Edited Notes ribbon tab will automatically open on day notes” setting from Options → Appearance.
* Search definition tab
* Moved underneath the title under a collapsible area.
* Expanded by default for new searches, collapsed for saved searches.
* The Note map is now available in the Note actions menu.
* Instead of opening into a panel in the ribbon, the note map now opens in a side split (similar to the in-app help).
* “Note info” tab was moved to a small (i) icon in the status bar.
* “Similar notes” tab
* Moved to the status bar, by going to the “Note info” section and pressing the button to show similar notes.
* Displayed as a fixed panel, similar to the attributes.
* The Collection properties tab were relocated under the note title and grouped into:
* A combo box to quickly switch between views.
* Individual settings for the current view in a submenu.
* Some smaller ribbon tabs were converted to badges that appear near the note title in the breadcrumb section:
* Original URL indicator for clipped web pages (`#pageUrl`).
* SQL and script execute buttons.
> [!NOTE]
> The ribbon keyboard shortcuts (e.g. `toggleRibbonTabClassicEditor`) have been repurposed to work on the new layout, where they will toggle the appropriate panel.
### Removal of the floating buttons
Most of the buttons were relocated to the right of the note title, in the <a class="reference-link" href="Note%20buttons.md">Note buttons</a> area, with the exception of:
* The Edit button is displayed near the note title, as a badge.
* _Backlinks_ is displayed in the status bar. When clicked, the same list of backlinks is displayed.
* Relation map zoom buttons are now part of the relation map itself.
* Export image to PNG/SVG are now in the Note actions menu, in the _Export as image_ option.
## How to toggle the new layout
Starting with v0.101.0, this new layout is enabled by default. It is possible to fall back to the old layout by going to <a class="reference-link" href="Options.md">Options</a> → Appearance and selecting _Old layout_.
> [!IMPORTANT]
> Since a new layout was introduced, this becomes the standard one. The _Old layout_ is considered deprecated and will not receive new features (for example, the breadcrumb) as we focus on the new one. At some point the old layout will be removed entirely, as maintaining two layouts with major differences creates a maintenance burden.

26
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb.md vendored Normal file
View File

@ -0,0 +1,26 @@
# Breadcrumb
<figure class="image"><img style="aspect-ratio:1150/27;" src="Breadcrumb_image.png" width="1150" height="27"></figure>
The breadcrumb allows quickly viewing the note hierarchy of the current note and navigating through it.
It is part of the <a class="reference-link" href="Status%20bar.md">Status bar</a>, displayed in the bottom-left of the screen.
## Layout and Interaction
* If a note or workspace is hoisted, a badge will appear on the left-most side.
* Clicking on the badge will un-hoist the note/workspace.
* The left-most icon represents the root note, or the hoisted note or workspace.
* Clicking the icon will jump to the root note.
* Right clicking the icon will display a menu that allows opening the note in a new tab, split, etc.
* Each segment shows the title of a note in the current note hierarchy.
* Clicking the icon will jump to that note.
* Right clicking will open a menu with multiple options such as opening the note in a different tab/split/window, hoisting, moving/cloning the note, duplicating as well as changing the color of the note.
* Clicking the arrow next to each segment will reveal the child notes of the segment on the left.
* Clicking on an icon will navigate to that particular note.
* It's also possible to create a new child note from here.
* The menu can optionally hide the archived notes.
* If the current note is deep within a hierarchy, the segments will collapse into a \[…\] button in order not to occupy too much space.
* Clicking this button will display each collapsed entry as a menu item. Clicking on it will navigate to that particular note.
* Right clicking on an empty space to the right of the breadcrumb (before the other status bar items) will reveal another menu that allows:
* Toggling whether archived notes are displayed in the breadcrumb and in the note tree.
* Copying the current note path to clipboard.

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

27
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Status bar.md vendored Normal file
View File

@ -0,0 +1,27 @@
# Status bar
The status bar displays information about the current note and allows changing settings related to it such as configuring the language or attributes.
## Layout and interaction
On the left side, the <a class="reference-link" href="Breadcrumb.md">Breadcrumb</a> is displayed which indicates the current note as well as its parent notes and allows for quick navigation throughout the hierarchy.
On the right side, specific sections will show depending on the type of the current note.
1. For code notes, the language mode of the note is indicated (e.g. JavaScript, plain text), as well as allowing easy switching to another mode.
2. For text notes, the content language is displayed and can be changed, thus configuring the spell-check and the right-to-left support.
1. Note that this applies to the entire note and not the selection, unlike some text editors.
3. If a note is placed in multiple places in the tree (cloned), the number of the note paths will be displayed.
1. Clicking it will reveal the full list of note paths and a button to place it somewhere else.
4. If a note has attachments, their number will be displayed.
1. Clicking on it will reveal the list of attachments in a new tab.
5. If a note is linked from other text notes (backlinks), the number of backlinks will be displayed.
1. Clicking on it will show the list of notes that link to this note, as well as an excerpt of where the note is referenced.
Regardless of note type, the following items will always be displayed if there is a note:
1. Note info, which displays:
1. The creation/modification date of the note.
2. The type and MIME of the note.
3. The note ID.
4. An estimation of the note size of the note itself and its children.
5. A button to show Similar notes.

BIN
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout_image.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

2
docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.md vendored
View File

@ -3,3 +3,5 @@ To the right of the [Ribbon](Ribbon.md) there are a few more buttons: ![](Note
* The Note Revisions button displays the [Note Revisions](../Notes/Note%20Revisions.md) for that particular note. * The Note Revisions button displays the [Note Revisions](../Notes/Note%20Revisions.md) for that particular note.
* The contextual menu offers commands for the note or its subtree, such as import, export, viewing the [Note source code](../../Advanced%20Usage/Note%20source.md) or [Attachments](../Notes/Attachments.md). * The contextual menu offers commands for the note or its subtree, such as import, export, viewing the [Note source code](../../Advanced%20Usage/Note%20source.md) or [Attachments](../Notes/Attachments.md).
On the <a class="reference-link" href="New%20Layout.md">New Layout</a>, the button area is populated by some more buttons that are specific to the current note. For example, for Image and <a class="reference-link" href="../../Note%20Types/File.md">File</a> notes, the download and copy buttons were relocated there.

12
docs/User Guide/User Guide/Feature Highlights.md vendored
View File

@ -1,9 +1,11 @@
# Feature Highlights # Feature Highlights
This section presents the most important changes by version. For a full set of changes, please consult the change log of each release. For purposes of brevity, beta versions are skipped and the features gathered to the nearest stable version. This section presents the most important changes by version. For a full set of changes, please consult the change log of each release. For purposes of brevity, beta versions are skipped and the features gathered to the nearest stable version.
* v0.101.0:
* A <a class="reference-link" href="Basic%20Concepts%20and%20Features/UI%20Elements/New%20Layout.md">New Layout</a> has been introduced, making significant modifications to the UI/UX such as integrating the ribbon and the floating buttons into other UI elements and introducing new functionality such as the <a class="reference-link" href="Basic%20Concepts%20and%20Features/UI%20Elements/New%20Layout/Breadcrumb.md">Breadcrumb</a>.
* v0.97.0: * v0.97.0:
* Books are now <a class="reference-link" href="Collections.md">Collections</a>. * Books are now <a class="reference-link" href="Collections.md">Collections</a>.
* <a class="reference-link" href="Collections/Table.md">Table View</a> is a new collection type displaying notes and attributes in an editable grid. * <a class="reference-link" href="Collections/Table.md">Table</a> is a new collection type displaying notes and attributes in an editable grid.
* <a class="reference-link" href="Basic%20Concepts%20and%20Features/Navigation/Quick%20edit.md">Quick edit</a> is introduced, adding a new way to edit notes in a popup instead of opening a new tab. It also integrates well with <a class="reference-link" href="Collections.md">Collections</a>. * <a class="reference-link" href="Basic%20Concepts%20and%20Features/Navigation/Quick%20edit.md">Quick edit</a> is introduced, adding a new way to edit notes in a popup instead of opening a new tab. It also integrates well with <a class="reference-link" href="Collections.md">Collections</a>.
* v0.96.0: * v0.96.0:
* <a class="reference-link" href="Note%20Types/Text.md">Text</a> gain premium features thanks to a collaboration with the CKEditor team: * <a class="reference-link" href="Note%20Types/Text.md">Text</a> gain premium features thanks to a collaboration with the CKEditor team:
@ -12,21 +14,21 @@ This section presents the most important changes by version. For a full set of c
* v0.95.0: * v0.95.0:
* A more friendly theme was introduced for <a class="reference-link" href="Advanced%20Usage/Sharing.md">Sharing</a>, with search, expandable tree, night mode and more. * A more friendly theme was introduced for <a class="reference-link" href="Advanced%20Usage/Sharing.md">Sharing</a>, with search, expandable tree, night mode and more.
* v0.94.0: * v0.94.0:
* Added integration with <a class="reference-link" href="#root/LMAv4Uy3Wk6J">AI</a> (using self-hosted LLMs such as Ollama or industry standards such as ChatGPT). * Added integration with <a class="reference-link" href="#root/LMAv4Uy3Wk6J">[missing note]</a> (using self-hosted LLMs such as Ollama or industry standards such as ChatGPT).
* v0.92.5: * v0.92.5:
* Windows binaries are now signed. * Windows binaries are now signed.
* <a class="reference-link" href="Installation%20%26%20Setup/Server%20Installation/Multi-Factor%20Authentication.md">Multi-Factor Authentication</a> was introduced. * <a class="reference-link" href="Installation%20%26%20Setup/Server%20Installation/Multi-Factor%20Authentication.md">Multi-Factor Authentication</a> was introduced.
* v0.92.4: * v0.92.4:
* macOS binaries are now signed. * macOS binaries are now signed.
* <a class="reference-link" href="Note%20Types/Text.md">Text</a> notes can now have adjustable <a class="reference-link" href="Note%20Types/Text/Content%20language%20%26%20Right-to-le.md">Content language &amp; Right-to-left support</a>. * <a class="reference-link" href="Note%20Types/Text.md">Text</a> notes can now have adjustable <a class="reference-link" href="Note%20Types/Text/Content%20language%20%26%20Right-to-le.md">Content language &amp; Right-to-left support</a>.
* <a class="reference-link" href="Basic%20Concepts%20and%20Features/Notes/Printing%20%26%20Exporting%20as%20PDF.md">Export as PDF</a> * <a class="reference-link" href="Basic%20Concepts%20and%20Features/Notes/Printing%20%26%20Exporting%20as%20PDF.md">Printing &amp; Exporting as PDF</a>
* <a class="reference-link" href="Basic%20Concepts%20and%20Features/Zen%20mode.md">Zen mode</a> * <a class="reference-link" href="Basic%20Concepts%20and%20Features/Zen%20mode.md">Zen mode</a>
* <a class="reference-link" href="Collections/Calendar.md">Calendar View</a>, allowing notes to be displayed in a monthly grid based on start and end dates. * <a class="reference-link" href="Collections/Calendar.md">Calendar</a>, allowing notes to be displayed in a monthly grid based on start and end dates.
* v0.91.5: * v0.91.5:
* Significant improvements for mobile. * Significant improvements for mobile.
* <a class="reference-link" href="Note%20Types/Text/Footnotes.md">Footnotes</a> are now supported in <a class="reference-link" href="Note%20Types/Text.md">Text</a> notes. * <a class="reference-link" href="Note%20Types/Text/Footnotes.md">Footnotes</a> are now supported in <a class="reference-link" href="Note%20Types/Text.md">Text</a> notes.
* Mermaid diagrams can now be inserted inline within <a class="reference-link" href="Note%20Types/Text.md">Text</a> notes. * Mermaid diagrams can now be inserted inline within <a class="reference-link" href="Note%20Types/Text.md">Text</a> notes.
* The TriliumNext theme is introduced, bringing a more modern design to the application. * The TriliumNext theme is introduced, bringing a more modern design to the application.
* <a class="reference-link" href="Collections/Geo%20Map.md">Geo Map View</a>, displaying notes as markers on a geographical map for easy trip planning. * <a class="reference-link" href="Collections/Geo%20Map.md">Geo Map</a>, displaying notes as markers on a geographical map for easy trip planning.
* v0.90.8: * v0.90.8:
* A new note type was introduced: <a class="reference-link" href="Note%20Types/Mind%20Map.md">Mind Map</a> * A new note type was introduced: <a class="reference-link" href="Note%20Types/Mind%20Map.md">Mind Map</a>

16
docs/User Guide/User Guide/Note Types/Text/Links.md vendored
View File

@ -4,20 +4,6 @@ There are two types of links:
* <a class="reference-link" href="Links/External%20links.md">External links</a>, for standard hyperlinks to websites or other resources. * <a class="reference-link" href="Links/External%20links.md">External links</a>, for standard hyperlinks to websites or other resources.
* <a class="reference-link" href="Links/Internal%20(reference)%20links.md">Internal (reference) links</a> for links to other notes within Trilium. * <a class="reference-link" href="Links/Internal%20(reference)%20links.md">Internal (reference) links</a> for links to other notes within Trilium.
## Pasting links
* For internal links (links to notes in Trilium), press Ctrl+C in the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Note%20Tree.md">Note Tree</a>:
* Pasting directly in a text note will create a reference link (with an icon to the note and the actual note title).
* Pasting over an existing text will create a traditional link.
* For external links:
* Paste the raw URL directly and press space to turn it into a link.
* Select a text and paste the URL over it to turn that text into a link.
* If you are pasting a formatted link (e.g. from the a webpage in a browser), simply paste it and it will keep the original text and URL.
## In-place linking
Trilium also provides "inline" linking - type `@` and you'll see an autocomplete, just type few characters from the desired note title, press enter and you have a link.
## Note map ## Note map
Trilium provides a visualisation of incoming and outgoing links for a particular note. See [note map](../../Advanced%20Usage/Note%20Map%20\(Link%20map%2C%20Tree%20map\).md) for details. Trilium provides a visualization of incoming and outgoing links for a particular note. See [note map](../../Advanced%20Usage/Note%20Map%20\(Link%20map%2C%20Tree%20map\).md) for details.

BIN
docs/User Guide/User Guide/Note Types/Text/Links/1_Internal (reference) links.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 B

40
docs/User Guide/User Guide/Note Types/Text/Links/Internal (reference) links.md vendored
View File

@ -1,20 +1,34 @@
# Internal (reference) links # Internal (reference) links
Unlike external notes, internal links (links to other notes) can be created at the current position by : Internal links are links to other notes within Trilium.
1. Pressing <kbd>Ctrl</kbd> + <kbd>L</kbd> or the <img src="Internal (reference) links.png" width="20" height="17"> button from the <a class="reference-link" href="../Formatting%20toolbar.md">Formatting toolbar</a>. You can open an internal link by clicking it. You can also see a read-only preview of an internal link's contents by hovering over it.
2. Filling in the desired note to link. It's also possible to create notes from this dialog by typing a non-existing note title and selecting _Create and link child note_.
There are two link types, adjustable when creating the link to the note: ## Inserting internal links
1. _link title mirrors the note's current title_ Internal links can be created at the current position in a text note by:
1. Pressing <kbd>Ctrl</kbd> + <kbd>L</kbd> or the <img src="Internal (reference) links.png" width="20" height="17"> button underneath the <img src="1_Internal (reference) links.png" width="34" height="16"> menu in the <a class="reference-link" href="../Formatting%20toolbar.md">Formatting toolbar</a>.
2. Searching for the title of the desired note to link. It's also possible to create new notes from this dialog by typing a non-existing note title and selecting _Create and link child note_.
There are two link types which you can select when creating the link to the note:
1. _Link title mirrors the note's current title_
1. This is sometimes also called "reference link". 1. This is sometimes also called "reference link".
2. Title of such links cannot be changed, instead it is always mirroring the title of linked note. 2. The title of this link cannot be changed. Instead, it will always show the current title of the linked note.
3. The icon of the note is also displayed. 3. The icon of the linked note will also be displayed.
4. The link title will automatically update if the title of the note is changed. 2. _Link title can be changed arbitrarily_
2. _link title can be changed arbitrarily_ 1. This will create a traditional hyperlink, where the text of the link can be different from the note title.
1. This is the traditional hyperlink, where the text of the link can be different to the note title.
Once an internal link is created: ## In-place linking
* You can follow the note link by double clicking it. You can also insert internal links “inline” by using the `@` symbol:
* Alternatively if you only wish to quickly preview the content, you can hover over the link and will see read only preview.
1. Type `@` in a text note, which will open the note search menu.
2. Search for the desired note's title by typing a few characters. Use <kbd>Up</kbd> and <kbd>Down</kbd> to select the correct note, and press <kbd>Enter</kbd> or <kbd>Tab</kbd> to create the link. It's also possible to create new notes with this method by typing a non-existing note title and selecting _Create and link child note_.
## Pasting internal links
You can also insert internal links by copying a note from the note tree.
1. In the <a class="reference-link" href="../../../Basic%20Concepts%20and%20Features/UI%20Elements/Note%20Tree.md">Note Tree</a>, select a note and press <kbd>Ctrl</kbd> + <kbd>C</kbd>.
2. In a text note, paste the link by pressing <kbd>Ctrl</kbd> + <kbd>V</kbd>.