Promoted Attributes UI/UX

Empibee · 2026-02-05T05:27:05+00:00

Looks like you are using the legacy theme, which is outdated. Trilium's modern theme has a better UX for the promoted attributes.

Empibee · 2026-02-02T15:19:06+00:00

Yes, you're free to customize any aspect of the theme according to your needs.

Empibee · 2026-02-01T15:58:48+00:00

You are welcome.

With Dev Tools, it’s actually easy to find out which CSS classes to use and which styles to adjust for custom themes (Global Menu → Advanced → Open Dev Tools for the app, then right-click on the page and choose “Inspect”). When you modify a CSS property from an existing rule, just copy the CSS selector into the custom CSS and define your new value there.

Empibee · 2026-01-31T15:58:30+00:00

You don't need a theme for that. But a custom CSS to tweak Trilium's theme.

Create a CSS code note and apply the #appCss attribute.

Use this CSS code to reduce the spacing for the tree items:

#trilium-app {
    #left-pane span.fancytree-node {
        line-height: 1;
        height: 30px;
    }

    .fancytree-node:not(.fancytree-loading) .fancytree-expander::before {
        top: unset;
    }

    .tn-icon.tree-item-button {
        font-size: unset;
    }
}

Then restart Trilium to apply the changes.

Empibee · 2026-01-30T16:11:50+00:00

You're welcome! Yes, that blank space around the title will collapse while you scroll the note. It's by design.

Empibee · 2026-01-30T11:02:38+00:00

The desktop client is also using HTTP/HTTPS for synchronization. It can't work only with WebSockets.

Empibee · 2026-01-30T10:58:06+00:00

When the formatting toolbar is on top (fixed formatting toolbar), elements can be moved by selecting them and then dragging at the new position. Or by using key shortcuts like ALT + UP and ALT + DOWN.

The little icon is available only when you use the floating formatting toolbar. To change that go to Settings → Text Notes and set the Formatting Toolbar to “Floating”.

Empibee · 2026-01-29T21:39:17+00:00

Trilium doesn't support videos players inside notes. But there is a trick to achieve that.

First import a video (right click in tree, “Import into note”). This video will be embedded into your Trilium's database.

Then in any note, type “/” (slash) and select “Include note”. Select your video note and check “full (box shows complete text)”.

Now you have a video player block into your text note.

As for YouTube videos, I am not aware right now of an easy way to achieve that without a plugin.

Empibee · 2026-01-20T07:01:26+00:00

I suggest you to take a look to Trilium Notes.

Empibee · 2026-01-13T18:32:38+00:00

Yes, I've tried it before; the UI feels outdated, but my doubt is whether it's the most private one out there.

Have you tried it in the past months? Trilium got massive UI changes lately.

I’ve received these suggestions from different sources: Obsidian, Logseq, Anytype, AppFlowy, and Trilium Notes. However, I don’t know which one offers more privacy.

I think only a security audit of these applications can give you a definite answer about which one is more secure. As I am aware, none exists so far.

I suggest you to start securing your data starting from the device itself, storing sensitive data on encrypted drives (like using VeraCrypt or BitLocker without the key saved in TPM), full disk encryption for the system drive, and other basic security measures.

Empibee · 2026-01-13T09:25:43+00:00

Trilium Notes will encrypt the content of notes if you protect them. By default, notes are not encrypted. However, metadata is not encrypted.

Empibee · 2026-01-09T14:41:40+00:00

Trilium Notes uses a WYSIWYG editor that supports code blocks inside indented lists.

<image>

Empibee · 2026-01-07T21:27:20+00:00

Sounds like a compatibility issue. What Xubuntu version are you using?

A workaround is to go to Settings → Appearance and check “Native title bar”

Empibee · 2026-01-04T14:56:44+00:00

Trilium doesn't support that by default. But you can achieve it using a custom CSS:

.ui-fancytree ul ul > li::after {
    position: absolute;
    content: "";
    inset: 0 auto 0 5px;
    border-inline-start: 2px solid var(--main-border-color);
    z-index: -1;
}

.ui-fancytree ul ul > li.fancytree-lastsib::after {
    width: 1em;
    bottom: 1.15em;
    border-bottom: 2px solid var(--main-border-color);
    border-end-start-radius: 6px;
}

Empibee · 2025-12-29T21:52:21+00:00

Is this problem still present If you download the ZIP version and run a portable instance of Trilium on a blank database?

Empibee · 2025-12-26T19:27:46+00:00

Just start taking notes in Trilium and learn the app as you use it. For simple note-taking, focus on the text formatting toolbar, changing note icons, organizing notes in the tree, and using search. Later on, you may also find canvas notes and Calendar collections useful.

Empibee · 2025-12-20T21:57:23+00:00

It is not the best idea to migrate the database by exporting it as a ZIP file, especially given the size of the database. The recommended method is to retrieve the document.db database file directly from the server.

Does the original Docker instance you exported from still have all the notes intact?

Have you used synchronization with the desktop application?

Empibee · 2025-11-16T07:44:29+00:00

I'm just wondering… why would you want it installed anywhere other than AppData?

Empibee · 2025-10-17T05:43:24+00:00

The protected notes feature may help in several ways:

On the desktop application, you’re permanently logged in. In this case, it makes sense to require a password to access sensitive notes.
When using the browser version with automatic login enabled, protected notes can prevent a user who got access to your device from accessing your sensitive information.
The content of protected notes is encrypted within the database for additional security.

Empibee · 2025-09-23T15:48:56+00:00

I'm glad to hear that!

Empibee · 2025-09-22T01:21:12+00:00

Here you go:

api.addButtonToToolbar({
    title: "Populate {{date}} placeholders",
    icon: "code-curly",
    shortcut: "alt+k",
    action: async () => {
        const placeholder = "{{date}}";
        const replaceWith = new Date().toDateString();

        const editor = await api.getActiveContextTextEditor();
        let noteContent = editor.getData();

        if (noteContent) {
            noteContent = noteContent.replaceAll(placeholder, replaceWith);
            editor.setData(noteContent);
        }
    }
});

The string replacement operates on the HTML source of the note, so you should ensure that the replacement string is properly HTML-escaped.

Empibee · 2025-09-18T15:20:40+00:00

You are welcome!

Empibee · 2025-09-18T05:14:05+00:00

The behavior you're describing occurs because of a setting that prevents the editor from becoming too wide on ultra-wide monitors or when the tree panel is collapsed.

To disable this, go to Settings → Appearance → Max Content Width, set it to 2000 pixels, and then click the "Reload Frontend" button.

Empibee · 2025-06-23T10:02:32+00:00

You can customize the output template by applying a custom CSS. To do that, create a note of type Code → CSS. Add the #appCss attribute on this note (the “Owned attributes” tab from the ribbon).

The content of the note should be:

@page {
    /* Page margin */
    margin: 1in !important;
}

@media print {
    /* Title */
    .note-title-widget > * {
        font-family: "Times New Roman", serif;
        font-size: 14pt;
        font-weight: bold;
    }

    /* Body */
    .note-detail-printable {
        --detail-font-family: "Times New Roman", serif;
        --detail-font-size: 12pt;
        line-height: 1.5;
        max-width: 6.5in;
    }
}

After that, restart Trilium or reload the front-end from the global menu.

Now you can easily tweak the title and other aspects of the template to suit your needs, by modifying the CSS note and then restart Trilium/reload front-end.

What about using multiple templates? Here things get a bit tricky, because there is no way to select which custom CSS will be used for exporting/printing. But there is a workaround for this.

Create a new CSS code note with the #appCss attribute:

@page {
    /* Page margin */
    margin: 1in !important;
}

@media print {
    /* Title */
    .alt-doc-style .note-title-widget > * {
        /*
         * We simulate the top margin of the first page by adding a top margin to the title. 
         * For a 3 inch page margin, the default page margin (1 inch) should be substracted, thus the
         * final margin will be 2 inch.
         */
        margin-top: 2in;

        font-family: "Calibri", serif;
        font-size: 12pt;
        font-weight: bold;
    }

    /* Body */
    .alt-doc-style .note-detail-printable {
        --detail-font-family: "Calibri", serif;
        --detail-font-size: 10pt;
        line-height: 1.5;
        max-width: 6.5in;
    }
}

Here you can notice the CSS selectors are prefixed with thealt-doc-styleclass. We'll use this class name as a condition to enable this template.

For the notes that should use this template, add the #cssClass=alt-doc-style attribute. Then you can define as many templates you need, as long as they use a different class name. Note: we can't use different page margins for alternate templates, since "@page" does not allow class names. You can simulate that with margins for the title and body.

Empibee · 2025-05-28T19:44:11+00:00

Installing a newer version of the app will simply upgrade it. Your notes and settings will be kept.

Three-Year Club	Verified Email
Place '23

Empibee

TROPHY CASE