Preview: These docs are available early so you can start using them now. Some pages may still be incomplete, outdated, or change as WebLibre develops.

Tree View Navigation

Tree view helps you understand how your tabs are connected. Instead of one long flat list, WebLibre groups related tabs into trees so you can see which page led to which.

It is especially useful when you are researching, comparison shopping, or following links through several pages.

Tree relationships are no longer limited to the dedicated Tree view. The List and Grid views can also display tabs hierarchically when Hierarchical Tab View is enabled, so you can stay in the layout you prefer.

Hierarchical View in List and Grid

Tree structure is not limited to the dedicated Tree view. You can also enable a hierarchical display in List and Grid views.

When enabled, child tabs appear indented under their parent tabs in these views too. This means you can see tab relationships and still use search and filter tools, which are not available in the dedicated Tree view.

To enable this:

  1. Open the tab view

  2. Open the view menu or settings

  3. Turn on Show hierarchy in List/Grid views

When you turn the hierarchy display off, child tabs flatten back into normal tab positions.

In List and Grid views, child tabs appear indented beneath their parent with a connecting line, so tree relationships are visible without switching to the dedicated Tree view.

Open Tree View

  1. Open the tab overview by tapping the tab count.

  2. Open the view menu.

  3. Choose Tree.

Tree view is for local tabs. When you are viewing synced tabs from another device, WebLibre uses list view instead.

What Tree View Shows

Each top-level card represents one tab tree. If a tree contains more than one tab, WebLibre shows a count badge on the card.

Tap a stacked tree card to open the full tree and inspect the relationship between tabs. This makes it easier to answer questions like:

  • How did I get here?

  • Which tabs belong to the same browsing session?

  • Can I close this whole group now?

How Tabs Become Related

WebLibre can remember parent-child relationships between tabs when a new tab is opened from the current tab. For example, if you open a link in a new tab, the new tab can appear under the page you opened it from.

That means a session can look like this:

Reference Article: Climate Change
  ├── Agency Overview Page
  ├── News Article: Recent Study
  │     └── Related: Author Interview
  └── Scientific Paper PDF
        └── Citation: Earlier Study
              └── Research Group Page

In Tree view, you can quickly see the path that led to the last page.

Create Child Tabs Setting

If you want a manual way to start a child tab from the current tab, enable Create Child Tabs:

  1. Go to Settings > Browsing.

  2. Turn on Create Child Tabs.

This adds the Add Child Tab option when creating a new tab. It is helpful when you want to keep a new search or page attached to the current tab on purpose.

The setting adds the child-tab creation option. Tree view can also show relationships created when you open links in new tabs.

Reorder Tabs in Groups

You can manually reorder tabs within a group even when they are in a hierarchical structure.

To reorder tabs:

  1. Open a tab view that supports reordering (List or Grid)

  2. Turn on reordering mode

  3. Drag tabs within their group into the order you want

This works the same whether the hierarchy display is on or off. For more on reordering, see Advanced Tab Actions.

Using Tree View Day to Day

  • Follow your browsing path — See which tab started a line of reading.

  • Close a full tree faster — Closing a tree from the Tree view overview closes that tab and its descendants together.

  • Review a branch before switching — Tap a stacked tree card to open the full tree dialog.

  • Keep projects separated — Tree view also works alongside containers, so related tabs stay grouped inside the container you are using.

Practical Example

Imagine you are researching a new laptop:

Laptop Buying Guide 2024
  ├── Review: Model A
  ├── Review: Model B
  │     └── Reddit Discussion: Model B Issues
  │           └── Manufacturer Response
  ├── Comparison Chart
  └── Store Product Page
        └── Customer Reviews

With Tree view, you can tell at a glance that:

  • the reviews and store page all started from the buying guide,

  • the manufacturer response came from the Reddit discussion, and

  • the tabs belong to one topic instead of several unrelated tasks.

Good Times to Use It

  • Research projects — Follow references, citations, and side reading.

  • Comparison shopping — Keep each product path connected to the page that started it.

  • Learning a topic — Track tutorials, documentation, examples, and follow-up pages.

  • News reading — Keep related stories grouped under the article or homepage they came from.

What to Expect

  • Tree is best when tabs are related to each other and you want the full dedicated view.

  • List is better for scanning many tabs quickly while still seeing relationships.

  • Grid is better when page previews matter more than relationships, but still shows groupings.

  • Search and filter controls are not shown in the dedicated Tree view, but are available in List and Grid views.

Tree relationships work best when your tabs tell a story of how you explored a topic.