# V2 Treeview

**URL:** https://community.silverbullet.md/t/v2-treeview/3388
**Category:** Troubleshooting
**Created:** [October 13, 2025, 7:57pm UTC](https://community.silverbullet.md/t/v2-treeview/3388 "2025-10-13T19:57:59Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![rlw1138](https://community.silverbullet.md/user_avatar/community.silverbullet.md/rlw1138/32/264_2.png) [@rlw1138](https://community.silverbullet.md/u/rlw1138)
#### Post date: [October 13, 2025, 7:57pm UTC](https://community.silverbullet.md/t/v2-treeview/3388/1 "2025-10-13T19:57:59Z")

</div>

Not sure what was happening before, but with SB v2 my TreeView pane changes width a lot. Especially if the browser is less than fullscreen.

Treeview is set for “size=0.5” (default, I think)…is there a way to lock in a fixed width? Something in the CSS maybe?

---

<div class="post-metadata">

### Author: ![Mr.Red](https://community.silverbullet.md/user_avatar/community.silverbullet.md/mr.red/32/821_2.png) [@Mr.Red](https://community.silverbullet.md/u/Mr.Red)
#### Post date: [October 13, 2025, 8:33pm UTC](https://community.silverbullet.md/t/v2-treeview/3388/2 "2025-10-13T20:33:10Z")

</div>

Try this `space-style` for a fixed 600px TreeView SB-Panel

```css
.sb-panel {
  flex: 0 0 600px !important;  
 }

```

or 30% for a 30/70% ratio

```css
.sb-panel {
  flex: 0 0 30% !important; 
 }

```

- FYI this will resize all SB-Panels not just the Treeview, but there aren’t many other plugs which use sb-panel, so you should be safe if you don’t use other plugs.

---

<div class="post-metadata">

### Author: ![rlw1138](https://community.silverbullet.md/user_avatar/community.silverbullet.md/rlw1138/32/264_2.png) [@rlw1138](https://community.silverbullet.md/u/rlw1138)
#### Post date: [October 14, 2025, 3:07pm UTC](https://community.silverbullet.md/t/v2-treeview/3388/3 "2025-10-14T15:07:08Z")

</div>

Thank you! This works perfectly (at 260px).

How did you determine “sb-panel” ? The browser js console?

---

<div class="post-metadata">

### Author: ![Mr.Red](https://community.silverbullet.md/user_avatar/community.silverbullet.md/mr.red/32/821_2.png) [@Mr.Red](https://community.silverbullet.md/u/Mr.Red)
#### Post date: [October 14, 2025, 3:14pm UTC](https://community.silverbullet.md/t/v2-treeview/3388/4 "2025-10-14T15:14:40Z")

</div>

yes, right-clicked on the Treeview Panel then `Inspect Element` then in the Developer Tools i checked which is the topmost div selector’s class of the Treeview panel, and there it was: `sp-panel` 😉 that is how I usually do the space-style restylings to override the default values.

---

<div class="post-metadata">

### Author: ![rlw1138](https://community.silverbullet.md/user_avatar/community.silverbullet.md/rlw1138/32/264_2.png) [@rlw1138](https://community.silverbullet.md/u/rlw1138)
#### Post date: [October 14, 2025, 4:20pm UTC](https://community.silverbullet.md/t/v2-treeview/3388/5 "2025-10-14T16:20:41Z")

</div>

OK, cool…I thought maybe I missed a documentation page somehow. The new v2 has really messed with my head. So much fun!

---

<div class="post-metadata">

### Author: ![Mr.Red](https://community.silverbullet.md/user_avatar/community.silverbullet.md/mr.red/32/821_2.png) [@Mr.Red](https://community.silverbullet.md/u/Mr.Red)
#### Post date: [October 25, 2025, 10:28pm UTC](https://community.silverbullet.md/t/v2-treeview/3388/6 "2025-10-25T22:28:27Z")

</div>

This might be interesting for you too:

> [@\[proof of concept\] Floating Widgets (Example: Treeview, “OrbitCal” Calendar)](https://community.silverbullet.md/t/proof-of-concept-floating-widgets-example-treeview-orbitcal-calendar/3442/8):
>
> Made some progress last two days, so that I can share with you the following Extentsion to Move&Resize\* the TreeView Plug - by @joekrill \* - it also works on Mobile
