Early access: WidgetGrid - faster editor interactions

Hi Retool community!

I'm an engineer on Retool's performance team. We have been working on a refactor of some of the editor's grid layout code for performance. We find that many actions, such as dragging widgets around, can be up to 50% faster in the new architecture, so this should make the editor feel much more responsive!

We are now rolling this out into beta. In the editor at the bottom of the screen, you should see a switch for "WidgetGrid"

Screenshot 2024-07-31 at 11.14.20 AM

If you encounter any problems compared to the existing system (and this really is a beta--so you might!), you should be able to turn it off with the same switch--please provide feedback on any issues you discover.

Happy app-building!

16 Likes

Feedback on WidgetGrid:
When sizing a component it no longer displays the size of the component, expressed as columns and rows.

WidgetGrid Disabled:
image

WidgetGrid Enabled:
image

1 Like

It slows down the initial load of page changes from what I can tell. I might be wrong but I switched it off as heavy pages felt significantly slower to load.

Also welcome <3

1 Like

Was pulling out my hair this week when our commenting system went visibly blank, but all of the queries were still functioning correctly. Turns out WidgetGrid was hiding our comment text and disabling WidgetGrid brought them back.

image

Structure is just a container with two simple text boxes:
image

I'm experiencing the opposite -- when WIdgetGrid is enabled, I can see all the images and info in my repeatables just fine.

However, when I disable WidgetGrid, they disappear. My end users can't see the items in the repeatables anymore whether WidgetGrid is enabled or disabled.
WidgetGrid enabled:

WidgetGrid disabled (what end users see):

The structure is 3 nested repeatables in a modal. The second level of them (allImagesList and below) is not showing with WidgetGrid turned off:

UPDATE: I re-built the disappearing components with WidgetGrid turned on (they were previously built before it was released) and they seem to be working fine now.

Hello all!

Our team is mostly heads down working through our task list, but I did want to pop in to make sure that I communicate clearly: even if you don't get a direct response in this thread from us, we are tracking these bugs and working on fixes.

Thank you for the feedback so far, and we appreciate everyone's willingness to play around with our early access features!

4 Likes

Have the same issue - everything went blank.
"I re-built the disappearing components with WidgetGrid turned on" - seriously? is there no other way? Can't I turn widget-grid on by default for end users?

More issues with repeatables and widget grid today. List View / Grid View not showing anything when placed inside of a container for example.

2 Likes

Question is when they plan to fix this?
Swear nobody had this issues a few days ago.

This issue occurred in 3.82 released to cloud yesterday. We should have a hotfix out today. This topic List View / Grid View not showing anything when placed inside of a container will probably be updated first

Update: this is now fixed as mentioned here!

1 Like

Still having issues with controls inside of List Views.
Retool version 3.83.0

A number input within a List View is not being displayed when WidgetGrid is enabled.

WidgetGrid enabled:
image

WidgetGrid disabled: