Grid Drag & Drop Interactive Layouts

Introducing an easier way to build interfaces with Budibase with the new Grid layout. The Grid layout offers dynamic drag-and-drop functionality, letting you move and resize components across your screen with ease. Creating powerful and visually appealing applications in minutes has never been easier.

To get started, simply select the new Grid layout option in your screen or container settings to try it for yourself. All new applications will use the Grid layout by default.

Note: The biggest limitation of drag-and-drop layout systems (especially compared to Budibase's normal layout system) is the lack of responsiveness - i.e., they don't automatically work on mobile.

To solve this, the new grid layout system "remembers" the position and size of your components for both large (desktop/tablet) and small (mobile) previews. So to design a screen for mobile, just swap to the mobile preview and move your components around to design the screen as you want on mobile.