When making single page web app, what’s best between putting groups one above the other and one under the other? And why? I’ve been using both techniques and found + and - for both of them.

I don’t like groups overlapping one another because it often prevents me from hiding either of those groups. As such, I structure it so that there are parent and children groups and none overlapping. Often times, I’ll have groups within groups within groups, etc.

You should be using reusable elements for large single page apps. They sit fine on top of each other. So have page for profile / settings separated as reusable elements. You can add collapse group to shorten the space difference at the bottom. This will help your editor run faster. We had to start…

@sridharan.s What you you mean, by “it prevents me from hiding ether of those groups”? When two groups have the same position, there is no need to use “Collapse height” so they shouldn’t interfere with each other. Collapsing groups often give undesired results with other groups and the solution is …

I actually prefer to have the elements “in place” (overlapping); but there’s usually only one visible at a time. I use the Elements tree to navigate and toggle visibility. (I also use the browser’s “zoom view” feature to enlarge the UI elements.) My only real beef is that the tree state is not persi…

I prefer collapsing group height for a couple reasons. Seems obvious to say it, but you can actually collapse the groups. A couple of my first apps used the “overlaying” method and I always ended up with differing heights in the elements, wishing that I could collapse that extra space. Ease of ed…

Looks like both methods have their advantages and disadvantages. I have developed apps using both of them. For this project I think I’ll do some overlaying and some collapsing. @nnich19 , I agree that overlaying can leave unwanted “holes” in the design and putting dozens of groups on top of each oth…

I recently purchased my first plugin for this issue. It was the environmental variables…after purchase I felt I may have been able to accomplish most of the same things with just custom states on the reusable element itself to reference datatypes needed on page. The environmental variables plugin a…

Overlaying vs Collapsing group height: what's best?

Questions

danielowega October 4, 2019, 1:34pm 5

I would agree it can be difficult to pass values through states but if you make use of plugin from bdk, this becomes very simple and easy, it is well worth the money.

Topic		Replies	Views
Collapse when hidden Responsiveness	10	3826	October 29, 2021
Extra Vertical Page Space (not the debugger) Responsiveness	13	1361	April 10, 2020
Page height not reducing when groups collapse Responsiveness	10	1124	May 11, 2021
Anyone have a way for groups within groups to "collapse height when hidden" correct? Questions	8	2152	August 4, 2017
Single page app: height responsiveness, collapsing a hidden element wont work Responsiveness	6	1358	October 23, 2020

Overlaying vs Collapsing group height: what's best?

Related topics