Wappler 7 Beta - UI and Layout Changes

Finally updated my workspace to make better use of my Ultra-Wide and Wappler. This may take some getting used to, but I think it will be better.

3 Likes

I have to say that overall, I really like the new graphical interface of Wappler version 7—from the new theme to the design of the inputs and other visual enhancements that improve the user experience.

One of the best improvements I’ve noticed is the ability to search for an ID in the structure panel. It might seem simple, but it’s a feature that significantly enhances performance when developing an application.

Regarding the structure panel always being full-size, I think it’s a good choice. Even on my 13-inch Mac with a 2K resolution that I use when I’m neither at the office nor at home, I always utilize the panel in full size.

However, there’s a downside. I think it’s a poor decision to have it fixed on the left side. It doesn’t add much value to Wappler to change the layout just because others are doing so. If I wanted an app similar to Webflow, I wouldn’t pay for Wappler; I’d choose Webflow instead.

Honestly, George, I think you should let us users who spend long hours with the mouse and keyboard—trying to minimize wrist strain—choose whether we want to move the mouse across the screen just to, for example, select a column and change its border color. It’s really unnecessary to have to move the mouse so much in an application that also lacks shortcuts for simple tasks like switching from component edit mode to preview mode. So I only ask that we can have the structure panel on the right so that when selecting a component we can edit it more comfortably, quickly, and efficiently in a properties panel that is not on the other side of the screen.

I believe the only outcome will be that we’ll all start using the code view to select each component since it’s much quicker. And believe me, if I end up using the code view for that, I might as well switch to using Visual Studio Code full-time.

I’ve been using Wappler for 60% of my programming work since April 2019, so I’m very familiar with how it works. I believe there’s still a lot to improve in version 7. For instance, the tree in the app structure used to be a headache when we wanted to add something because it would close automatically, but I see that you’ve now fixed this issue.

Aside from the left panel, I really like how Wappler 7 is shaping up and I’m excited to see the new improvements you have in the pipeline.

6 Likes

Couple of days in to the new layout now and beginning to like it...

2 Likes

:ok_hand: I for one like it :slight_smile:

2 Likes

Thank you all for the feedback!
In Beta 3 we've added an option in the General Settings where you can select the panels layout:

Left and Right:

Right Vertical:

Right Horizontal:

21 Likes

This change is awesome! I can now work comfortably on my Ultra Wide Monitor as well as my 1st 6" MacBook Pro! :beers:

5 Likes