[proof of concept] Floating Widgets (Example: Treeview, “OrbitCal” Calendar)

Mr.Red · October 25, 2025, 10:06pm

Made some progress last two days, so that I can share with you the following Extentsion to Move&Resize* the TreeView Plug - by @joekrill

github.com/Mr-xRed/silverbullet-libraries

Treeview_Extension_DragAndResize.md

main

# Treeview Extension to Drag & Resize

> **bug** Experimental
> This Extension is still experimental and it might not work on all your Devices/Mobiles/Tablets/Browsers as intended.

> **warning** Dependencies
> You must have TreeView Plug installed: [Treeview Plug](https://github.com/joekrill/silverbullet-treeview)

## Step 1. Reload your space to load the space-lua from this page: ${widgets.commandButton("System: Reload")}

## Step 2. Save Library/PanelDragResize.js using this button: ${widgets.commandButton("Save PanelDragResize.js")}

## Step 3. Configure your Treeviews ActionButton, to load the .js when you open Treeview

> **note** Add this line after `editor.invokeCommand "Tree View: Toggle"` :
> `js.import("/.fs/Library/PanelDragResize.js").enableDrag("#sb-top .panel, #sb-main .sb-panel", "#sb-top .panel")`

Here is an example how your ActionButton Config should look like this:

```lua

This file has been truncated. show original

* - it also works on Mobile