Gridbox 3. Booking App Optimization
We are continuing to talk about the upcoming Gridbox 3 admin panel. This time, let’s take a look at the redesigned Booking App Calendar. Due to the unification design elements and functionality, only CSS code for the Booking App was reduced from 1351 to 142 lines. Almost 10 times! That’s incredible results.
Let’s explore what has been done with Gridbox Booking Calendar and what awaits you in Joomla website builder Gridbox 3.
New Look, Same Functionality
Let’s start with the Settings modal window. It keeps all the same functionality you’re used to, just wrapped in the native Gridbox 3 design. The modal now resizes to 80% of your screen height. So, you can view more options at once without scrolling. The interface feels cleaner and easier.
Booking Management
If you work with Joomla Booking by Gridbox, you probably use the Calendar, Schedule buttons, and the Notifications window where new and upcoming bookings are displayed.
Well, in Gridbox 3, the Calendar and Schedule buttons were moved a little to the right. And the Notifications window was completely removed.
Why? Because upcoming bookings are visible right in the Calendar, and all new bookings can be found in the Orders section. More on that in future blog posts related to eCommerce in the Gridbox 3.
This way, we removed duplication of information, optimized the codebase, and all this without losing functionality.
Filter. Simplified Without Losing the Essence
The filter is still as functional as before, but now it has a fresh new look. The modal has been redesigned in the native Gridbox 3 style and uses less code, which improves performance. We also removed filtering by payment status, leaving sorting by services.
Calendar. More Space and Focus
Visually, the Calendar has gone through important changes. It now resizes to full width of screen, giving you more space to navigate and overview bookings.
Bookings are now displayed in softer colors, they are easier to perceive and do not tire the eyes. As before, you can still assign custom colors using the Color Picker for full personalization.
Creating and Editing Bookings
One of the most noticeable changes is the Create Booking modal. It’s now larger, visually cleaner, and aligned with the unified Gridbox 3 design. With a better structure, it’s easier and more pleasant to work with.
The Service Selection modal has also been updated. Just take a look at the screenshot to see the changes.
The Time Blocking modal now matches the rest of the Gridbox UI with a laconic, consistent design.
The Edit Booking modal window also got a revamp. In fact, it’s now identical to the one used for adding new bookings.
View Booking. Focused on What Matters
We said goodbye to the existing, unique Booking View modal. Now you’ll see a fresh, minimalist modal in Gridbox 3 unified style. Now you can edit only the payment status in it. The rest of the interface has been streamlined for simplicity.
Displaying Multiple Nights
Previously, multi-night bookings were shown as a single line to indicate they were part of the same order. In Gridbox 3, each night is displayed in its own cell, but with the same color to visually connect them as a single booking.
Why did we do this? It's simple. This approach simplifies the code structure, which has a positive effect on stability and performance.
Final Thoughts
The Booking App admin panel in Gridbox 3 provides the same powerful functionality, but now in a cleaner, more thoughtful interface. No need to relearn anything. Everything is right where you expect it to be. It looks fresh and modern, but remains familiar and intuitive. We didn’t aim to complicate, only to improve and optimize. So you can work more efficiently and enjoyably.
We also want to note that we haven’t forgotten your suggestions and requests for the Booking App. They’re still on our radar. Right now we’re focused on providing a rock-solid foundation for maximum operational stability.