feat(docs): document split view

This commit is contained in:
Elian Doran 2025-04-04 20:35:26 +03:00
parent 65d017390e
commit d0c1ffc581
No known key found for this signature in database
15 changed files with 205 additions and 0 deletions

View File

@ -1639,6 +1639,75 @@
"format": "markdown",
"dataFileName": "Options.md",
"attachments": []
},
{
"isClone": false,
"noteId": "luNhaphA37EO",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"luNhaphA37EO"
],
"title": "Split View",
"notePosition": 120,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-dock-right",
"isInheritable": false,
"position": 10
}
],
"format": "markdown",
"dataFileName": "Split View.md",
"attachments": [
{
"attachmentId": "9plNhrKyZaXM",
"title": "3_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_3_Split View_im.png"
},
{
"attachmentId": "Lk0PrljxWYRp",
"title": "4_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_4_Split View_im.png"
},
{
"attachmentId": "Lt1OZVfsht6I",
"title": "Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_Split View_imag.png"
},
{
"attachmentId": "qm9Dn3TD1w4k",
"title": "2_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_2_Split View_im.png"
},
{
"attachmentId": "UFITv6o2d4QN",
"title": "1_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_1_Split View_im.png"
}
]
}
]
},

View File

@ -0,0 +1,12 @@
# Split View
In Trilium, is possible to work with two or more notes side-by-side.
![](Split%20View_2_Split%20View_im.png)
## **Interactions**
* Press the ![](Split%20View_Split%20View_imag.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/Split%20View_image.png) button to the right of a note's title to open a new split to the right of it.
* It is possible to have as many splits as desired, simply press again the button.
* Only horizontal splits are possible, vertical or drag & dropping is not supported.
* When at least one split is open, press the ![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/3_Split%20View_image.png)![](Split%20View_3_Split%20View_im.png) button next to it to close it.
* Use the ![](Split%20View_4_Split%20View_im.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/4_Split%20View_image.png) or the ![](Split%20View_1_Split%20View_im.png)![](https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/1_Split%20View_image.png) button to move around the splits.

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 B

View File

@ -1639,6 +1639,75 @@
"format": "html",
"dataFileName": "Options.html",
"attachments": []
},
{
"isClone": false,
"noteId": "luNhaphA37EO",
"notePath": [
"pOsGYCXsbNQG",
"gh7bpGYxajRS",
"Vc8PjrjAGuOp",
"luNhaphA37EO"
],
"title": "Split View",
"notePosition": 120,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-dock-right",
"isInheritable": false,
"position": 10
}
],
"format": "html",
"dataFileName": "Split View.html",
"attachments": [
{
"attachmentId": "9plNhrKyZaXM",
"title": "3_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_3_Split View_im.png"
},
{
"attachmentId": "Lk0PrljxWYRp",
"title": "4_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_4_Split View_im.png"
},
{
"attachmentId": "Lt1OZVfsht6I",
"title": "Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_Split View_imag.png"
},
{
"attachmentId": "qm9Dn3TD1w4k",
"title": "2_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_2_Split View_im.png"
},
{
"attachmentId": "UFITv6o2d4QN",
"title": "1_Split View_image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Split View_1_Split View_im.png"
}
]
}
]
},

View File

@ -0,0 +1,52 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../style.css">
<base target="_parent">
<title data-trilium-title>Split View</title>
</head>
<body>
<div class="content">
<h1 data-trilium-h1>Split View</h1>
<div class="ck-content">
<p>In Trilium, is possible to work with two or more notes side-by-side.</p>
<figure
class="image">
<img style="aspect-ratio:1398/1015;" src="Split View_2_Split View_im.png"
width="1398" height="1015">
</figure>
<h2><strong>Interactions</strong></h2>
<ul>
<li>Press the
<img src="Split View_Split View_imag.png" width="16" height="16">
<img src="https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/Split%20View_image.png"
alt="">button to the right of a note's title to open a new split to the right
of it.
<ul>
<li>It is possible to have as many splits as desired, simply press again the
button.</li>
<li>Only horizontal splits are possible, vertical or drag &amp; dropping is
not supported.</li>
</ul>
</li>
<li>When at least one split is open, press the
<img src="https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/3_Split%20View_image.png"
alt="">
<img src="Split View_3_Split View_im.png" width="10" height="10">button next to it to close it.</li>
<li>Use the
<img src="Split View_4_Split View_im.png" width="7" height="10">
<img src="https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/4_Split%20View_image.png"
alt="">or the
<img src="Split View_1_Split View_im.png" width="7" height="10">
<img src="https://file+.vscode-resource.vscode-cdn.net/home/elian/UI%20Elements/1_Split%20View_image.png"
alt="">button to move around the splits.</li>
</ul>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 B

View File

@ -103,6 +103,9 @@
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Options.html"
target="detail">Options</a>
</li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Split%20View.html"
target="detail">Split View</a>
</li>
</ul>
</li>
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Notes.html" target="detail">Notes</a>