# \[DONE\] Multi-panel context-preserving navigation

**URL:** <https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003>\
**Category:** Ideas & Features\
**Tags:** navigation\
**Created:** [September 13, 2021, 7:56am UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003 "2021-09-13T07:56:47Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Jean](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@Jean](https://community.fibery.io/u/Jean)\
**Post date:** [December 20, 2021, 7:22pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/24 "2021-12-20T19:22:43Z")

</div>

I used it a bit and I like it. I don’t like the native scroll bar, maybe using your own scrollbar for this, transparent one and only for the scrollable content, for ex. the colored header remains fixed but the scrollbar is for the full height.

---

<div class="post-metadata">

**Author:** ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)\
**Post date:** [December 24, 2021, 12:24pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/25 "2021-12-24T12:24:18Z")

</div>

Now you can enable Panel Navigation in Experimental Features menu:

![2021-12-24 14.22.52](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/e/e7a3e1fbd3533eaf677a91339f866826e51f4888.gif)

---

<div class="post-metadata">

**Author:** ![Oshyan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/oshyan/32/11431_2.png) [@Oshyan](https://community.fibery.io/u/Oshyan)\
**Post date:** [December 24, 2021, 5:51pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/26 "2021-12-24T17:51:34Z")

</div>

As a big fan of Google’s old “Labs” features, I am glad to see this area (Experimental) added to options. I hope more in-dev things get added there! I am enabling it now. 🙂

---

<div class="post-metadata">

**Author:** ![cannibalflea](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/cannibalflea/32/318_2.png) [@cannibalflea](https://community.fibery.io/u/cannibalflea)\
**Post date:** [December 24, 2021, 9:26pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/27 "2021-12-24T21:26:12Z")

</div>

I second @Oshyan. It is great to be able to try experimental features like this! Merry Christmas and Happy Holidays everyone 🤗

---

<div class="post-metadata">

**Author:** ![Jean](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@Jean](https://community.fibery.io/u/Jean)\
**Post date:** [December 30, 2021, 10:36pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/28 "2021-12-30T22:36:09Z")

</div>

Love the experimental feature option.

Don’t really like those 2 white spaces when the header is sticky, looks weird: [Annotation on 2021-12-31 at 00-33-05.png - Droplr](https://d.pr/i/Pv5MW9)  
Maybe go with your own scrollbars and limit the top of the scrollbar and left bar with vertical text up to the header area, not over it.

---

<div class="post-metadata">

**Author:** ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)\
**Post date:** [December 31, 2021, 6:57am UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/29 "2021-12-31T06:57:49Z")

</div>

Headers will be re-designed as well.

 ![Screenshot 2021-12-28 at 14.03.07](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/0/05a2e6eff2058672a428c51d37c51143e4e0063c.png)

And here are panels (still in progress)

 ![Screenshot 2021-12-31 at 8.57.16 AM](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/3/3cc3826deb840ee23cf18aff8e3458bffde8238b.png)

---

<div class="post-metadata">

**Author:** ![Jean](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@Jean](https://community.fibery.io/u/Jean)\
**Post date:** [January 6, 2022, 11:34am UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/33 "2022-01-06T11:34:48Z")

</div>

btw, i notice that colored headers are removed, so much cleaner now, much better! Is there a way i can enable experimental feature of fields on the main side of the view?

---

<div class="post-metadata">

**Author:** ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)\
**Post date:** [January 6, 2022, 1:36pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/34 "2022-01-06T13:36:36Z")

</div>

So far it is just a design prototype, it is not started.

---

<div class="post-metadata">

**Author:** ![pauljmackay](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/pauljmackay/32/4471_2.png) [@pauljmackay](https://community.fibery.io/u/pauljmackay)\
**Post date:** [January 6, 2022, 2:36pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/35 "2022-01-06T14:36:15Z")

</div>

Might coloured headers be a configurable thing? The use of colour is quite strong but also does help to anchor what entity type is being viewed. Appreciate this may add complexity though…

---

<div class="post-metadata">

**Author:** ![Jean](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@Jean](https://community.fibery.io/u/Jean)\
**Post date:** [January 6, 2022, 3:28pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/36 "2022-01-06T15:28:05Z")

</div>

the colored labels on top are enough for me to differentiate [Screenshot on 2022-01-06 at 17:27:42.png - Droplr](https://d.pr/i/vElwHn)  
The colored headers was too much for me liking

---

<div class="post-metadata">

**Author:** ![Haslien](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/haslien/32/493_2.png) [@Haslien](https://community.fibery.io/u/Haslien)\
**Post date:** [January 11, 2022, 8:57am UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/37 "2022-01-11T08:57:12Z")

</div>

I agree with that. I both like the way it looks now, and find it visually useful without being distracting.

 ![](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/1/14b76581e9dde80b2ca134e080ed6848e42d86d4.png)  
A problem I had with coloured text sometimes was the readability of it. The current design allows for easy reading of the labels and scanning using the coloured boxes.

---

<div class="post-metadata">

**Author:** ![cannibalflea](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/cannibalflea/32/318_2.png) [@cannibalflea](https://community.fibery.io/u/cannibalflea)\
**Post date:** [February 16, 2022, 8:30pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/38 "2022-02-16T20:30:33Z")

</div>

I have been using the multi-panel layout and really find it amazing 🤩 So thanks for prioritizing this and making it available as an experimental feature.

I am not sure if this is the best place to offer improvement suggestions (please let me know if I should create separate feature requests), but here are current thoughts to make this feature even better:

- Ability to adjust the panel widths. Currently both views are sized to be equal and on some smaller screens this could cause some problems when you only need one of the views as a quick reference. Being able to drag and adjust the vertical divider would be very helpful
- Ability to reorganize the open views. There is a logic to how entity views are organized but sometimes it is useful to be able to reorganize the order of the open entities
- A button to open an entity view in a brand new browser tab. While the multi-panel is very helpful in keeping tabs to a minimum, there is sometimes a need to undock and open an entity in its own tab. This is not a big deal because you can copy the entity URL from the header but it would be a great addition.

I will try and add more ideas as I use this more.

---

<div class="post-metadata">

**Author:** ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)\
**Post date:** [February 17, 2022, 1:21pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/39 "2022-02-17T13:21:28Z")

</div>

A post was split to a new topic: [Navigation: Keep main View opened in a left panel when opening an entity](https://community.fibery.io/t/navigation-keep-main-view-opened-in-a-left-panel-when-opening-an-entity/2563)

---

<div class="post-metadata">

**Author:** ![mdubakov](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/mdubakov/32/10_2.png) [@mdubakov](https://community.fibery.io/u/mdubakov)\
**Post date:** [February 17, 2022, 1:20pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/40 "2022-02-17T13:20:00Z")

</div>

Released today

> [@CHANGELOG: Feb 17: Multi-panel navigation, Convert fields (Text, Dates), Integration API docs, 24 fixed bugs](https://community.fibery.io/t/changelog-feb-17-multi-panel-navigation-convert-fields-text-dates-24-fixed-bugs/2562):
>
> mount_fuji Multi-panel navigation After three months of development, many implemented tasks, and 37 fixed bugs, we are releasing multi-panel navigation. It should simplify information exploration and works best with references. [image] Here is the post with more details. [https://fibery.io/blog/multi-panel-navigation/](https://fibery.io/blog/multi-panel-navigation/) Next things we are considering to add: Important fields concept. Important fields will be always visible in a panel. An ability to search and open any entity in some panel. O…

---

<div class="post-metadata">

**Author:** ![Oshyan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/oshyan/32/11431_2.png) [@Oshyan](https://community.fibery.io/u/Oshyan)\
**Post date:** [February 18, 2022, 10:20pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/41 "2022-02-18T22:20:16Z")

</div>

> [@cannibalflea](#):
>
> A button to open an entity view in a brand new browser tab. While the multi-panel is very helpful in keeping tabs to a minimum, there is sometimes a need to undock and open an entity in its own tab.

I had assumed Middle-Click or at least Ctrl-Click would allow this, but nope! Ctrl-click is close, but it opens in “context-preserving” mode, i.e. the entity view opens alongside, not in a dedicated, full view. I would rather consider that a bug, though I’m not sure how easy it is to solve.

---

<div class="post-metadata">

**Author:** ![cannibalflea](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/cannibalflea/32/318_2.png) [@cannibalflea](https://community.fibery.io/u/cannibalflea)\
**Post date:** [February 19, 2022, 3:54am UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/42 "2022-02-19T03:54:27Z")

</div>

Thanks for pointing out the ctrl+click option. I use that quite often for clicking on inline entities.

What I was thinking is that sometimes you have an entity view open and you realize it would be better to open it separately. I thought adding another button to the top row might be the easiest way of ‘undocking’ the entity view from the current tab:

![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/e/e7b4ddcc7b51dbcfec836f2fe19049a0cebf0e2f.png)

I actually didn’t know about the middle-click. Unfortunately, it doesn’t seem to work work me. Where can you use the middle click to interact with entities?

---

<div class="post-metadata">

**Author:** ![Oshyan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/oshyan/32/11431_2.png) [@Oshyan](https://community.fibery.io/u/Oshyan)\
**Post date:** [February 19, 2022, 4:22am UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/43 "2022-02-19T04:22:54Z")

</div>

> [@cannibalflea](#):
>
> What I was thinking is that sometimes you have an entity view open and you realize it would be better to open it separately. I thought adding another button to the top row might be the easiest way of ‘undocking’ the entity view from the current tab:

Interesting, but to clarify, did you intend this button to literally open the currently open Entity in a new _browser tab_? If so, what happens to the open entity in the original tab? Does it auto-close?

> [@cannibalflea](#):
>
> I actually didn’t know about the middle-click. Unfortunately, it doesn’t seem to work work me. Where can you use the middle click to interact with entities?

In most websites middle-click will open a link in a new tab. So that’s all I was referring to. Fibery takes over the mouse functions for its own approach, so it doesn’t work (Ctrl is a more forceful way to do it which still only partially works). But it _could_ work if Fibery allowed it to. Of course not everyone has (or knows) middle-click. Alt-click is a common option in Fibery, but also seems to do nothing different than a regular click. Alt+Click to open in a new tab could be interesting, though just properly handling the more familiar Ctrl+Click (force open tab) and not having it open with the split view would be better. And in any case it doesn’t really address your request, as I understand it, for “I have this open in one way but want to open it in another way instead, and do so quickly/easily”.

---

<div class="post-metadata">

**Author:** ![cannibalflea](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/cannibalflea/32/318_2.png) [@cannibalflea](https://community.fibery.io/u/cannibalflea)\
**Post date:** [February 20, 2022, 7:52pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/44 "2022-02-20T19:52:13Z")

</div>

> [@Oshyan](#):
>
> Interesting, but to clarify, did you intend this button to literally open the currently open Entity in a new _browser tab_ ? If so, what happens to the open entity in the original tab? Does it auto-close?

Yes, that is what I was thinking. I’m not sure if it is useful to others but I sometimes need to have two entities in full screen (most often on two different displays). To be honest, this isn’t be a big deal, but having a button saves at least 3-4 clicks and a paste operation.

I think it could be amazing if you could bring the entity you moved into a new browser into the previous context somehow (i.e. go the other way and close the new tab and bring the entity view back into the original window). Not sure if that is even possible!

---

<div class="post-metadata">

**Author:** ![Oshyan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/oshyan/32/11431_2.png) [@Oshyan](https://community.fibery.io/u/Oshyan)\
**Post date:** [February 21, 2022, 9:47pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/45 "2022-02-21T21:47:41Z")

</div>

Getting that advanced starts to become more the realm of an Electron-based desktop app IMO. Where you could have Fibery running as a dedicated, installable app ([not a PWA](https://community.fibery.io/t/desktop-app-pwa/2344)), and it could have multiple windows that you could perhaps flexibly rearrange, split views, etc. Sounds like a lot of work though, heh. I doubt the team will go that route. But it’s useful to know what people want/need, of course.

---

<div class="post-metadata">

**Author:** ![cannibalflea](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/cannibalflea/32/318_2.png) [@cannibalflea](https://community.fibery.io/u/cannibalflea)\
**Post date:** [February 21, 2022, 9:51pm UTC](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003/46 "2022-02-21T21:51:56Z")

</div>

> [@Oshyan](#):
>
> Getting that advanced starts to become more the realm of an Electron-based desktop app … I doubt the team will go that route

For sure and I don’t see that as a great need. I assume that a desktop app will be in the horizon at some point in the distant future (but I could be wrong).

For now, I will be happy with a button to just open the current view in a brand new tab like this:

> [@cannibalflea](#):
>
> ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/e/e7b4ddcc7b51dbcfec836f2fe19049a0cebf0e2f.png)

[Previous page](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003.md?page=1)

[Next page](https://community.fibery.io/t/done-multi-panel-context-preserving-navigation/2003.md?page=3)
