A bit off topic for this update but just wondering

Beta
#1

Maybe my following question/proposal is only a personal one and not something that other users encounter or would prefer so if so please treat this topic as non existing :wink:

So my question/proposal is this: is there a reason why the breadcrumbs bar can not be moved to either sides of the window but only to the top and bottom of the window?

What I notice is that it would be great to be able to have the breadcrumbs bar and the main bar (donā€™t know how to call this bar correctly) next to each other on the side (I added a quick example of what I mean in the image) if this would be possible it would really speed up (my) workflow, since you will have everything compact in one area which would save a lot of mouse traveling.

I know it is possible to have everything at each other on the top or bottom of the window but for me personally I donā€™t like this option for 1: the live preview arear feels very cramped up
and
2. you would need to use the shift key to scroll vertically through the main bar.

If the breadcrumbs bar could move next to the main bar vertically you would have everything close to each other and will make it very easy to switch between all the different panels (effects, customization etc).

I understand that most likely you will need to stack the tabs of the breadcrumbs bar on top of each other which would make the total bar on the sides a bit widerā€¦ but I still think this would be beneficial to speed up the workflow a lot.

There is possibly even a option to make the main panel in its current form a lit bit less wide (without losing any functionality or usability) which would keep the overall added width of the breadcrumb bar and main panel to a minimum.

Again this is maybe just me and maybe it is something that is not even possible but Iā€™m just wondering :slight_smile: So anyway here is a simple (not perfect) image for what I mean. When there is interest in this idea or when it is unclear i can make a more in detail example.

Builder-layout
Builder-layout1920Ɨ975 123 KB

#2

So I just played a bit more with the layout and discovered that you can also position all bars like on the screenshot I tookā€¦ This already puts all the controls much closer to each other.
One last idea, maybe it is possible to create keyboard shortcuts for the effects and customize panels?

Again sorry if this is all just a personal experience, Iā€™m loving all improvements you guys are putting in so thanks for that!

Builder-layout-2
Builder-layout-21920Ɨ975 112 KB

#3

So last addition to all of thisā€¦

Turns out I just never played enough with all the possibilities. I found an ideal layout for how I like to work just out of the box so this whole topic can be ignored.

See in my last screenshot what I discovered and what works perfectly :smiley:

Builder-layout-3
Builder-layout-31920Ɨ975 123 KB

#4

Hi @SchoonhovenOntwerpStudio,

Thanks for bringing this up! Weā€™ve tried really hard to-date to avoid rotating text. Nice layout you worked out there afterall! It could be an issue since the workspace covers the content, but at least with this new resizer you have more control over the preview width. We donā€™t plan on making the navigation bar vertical, so thatā€™s still probably the way to go.

So I canā€™t tell if thatā€™s an adjusted screenshot, or if you were adjusting some CSS. With the Dev Console enabled you can add ā€œUI CSSā€. This is very rough, but hereā€™s an example of a hack that would make that bar rotate off to the left:

.tco {
  padding-left: var(--d-bar);
}
.tco-bar.is-navigation {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100vh;
  transform: rotateZ(90deg) translateY(calc(var(--d-bar) * -1));
  transform-origin: top left;
}

We canā€™t support changes like this, but itā€™s probably possible with some experimentation to get something working like that.

1 Like
#5

Thanks Alex for this! I discovered after I posted that indeed the workspace is covering the content but I didnā€™t want to bother you guys with this anymore. Thanks for this snippet, I will give it a go to see if I like it.

#6

Youā€™re welcome!