Meet Page Structure Panel for Gridbox. Optimize Your Workflow

Meet Page Structure Panel for Gridbox. Optimize Your Workflow

Joomla website builder Gridbox 2.12.13 introduces a new way to optimize your workflow — Page Structure Panel. Even more flexible and efficient. Let's expand your horizons with Gridbox. Here goes!


Introducing Page Structure Panel


The Page Structure Panel is a tool that displays the hierarchy of all elements on a page as a tree. Each parent element can be expanded/collapsed to show/hide its children. The Page Structure Panel is extremely useful for hunting down the element you're looking for. Also, the Page Structure Panel provides bulk changes to element styles, repositioning it, and displaying off-canvas content. In general, everything to make your work with Gridbox even faster and more efficient. And that's not all the features. Want to know more?! Scroll down.


Opening Page Structure Panel


How to use Page Structure Panel? There are two ways to open the panel at your disposal. Choose the most convenient for you.

Opening From the Sidebar

Do you need to review the entire structure of the page, or maybe swap sections? Use the Page Structure button in the top left corner of the Gridbox editor's sidebar.

Opening Page Structure Panel from the Sidebar - Joomla Website Builder Gridbox

Opening via Right-Click

Don't waste time looking for an element in the huge Page Structure tree. Use right-click. We hope that you know that the Gridbox has a right-click. Because it's so damn easy to use and saves tons of time. So, just right-click on the desired element and select "In-Page Structure" from the context menu.

Opening Page Structure Panel via Right-Click - Joomla Website Builder Gridbox


Positioning the Page Structure Panel


We have taken care of the user-friendly use of Page Structure. Therefore, the Page Structure Panel comes with three positioning options. To select the positioning of the Page Structure Panel, click on the three dots and select the option that best suits your needs. You can stick the Page Structure Panel to the left or right edge of the Gridbox Editor.

Left or Right Positioning of the Page Structure Panel - Joomla Website Builder Gridbox

You can place the Page Structure Panel in any convenient place. That's awesome, isn't it?! Simply select the Separate Window option and drag the panel anywhere in the Gridbox Editor.

Free Positioning of the Page Structure Panel - Joomla Website Builder Gridbox


Panel Content and Displaying of Hidden Items


The Page Structure Panel is organized into a few root elements: Header, Page, Footer, and Off-Canvas Content. We know you're wondering what exactly contains the root of Off-Canvas Content. Here you'll find elements that are within the page but don't have a clear positioning, such as the Sticky Header plugin and Lightbox.

Root Elements of the Page Structure Panel - Joomla Website Builder Gridbox

Hidden Elements

Do you know how to display hidden content in Gridbox? Use the "Eye" button on the left sidebar. Also, now all hidden elements will be displayed in the Page Structure. Open the Page Structure Panel, and you'll see if any content has been hidden. By right-clicking, go to edit the element and choose on which devices you want to hide/show the content.

Hidden Elements in the Page Structure Panel - Joomla Website Builder Gridbox


New Opportunities With a New Tool


Moving elements directly in the editor is more visual. But if working with schemes is more to your liking, then the Page Structure is perfect for you. For example, you need to move a row to another section. Or maybe you want to swap sections? Well, you can do this easily without unnecessarily scrolling through the page. Just move elements on the Page Structure Panel by drag and drop.

Moving Elements on the Page Structure Panel - Joomla Website Builder Gridbox

Swap Columns

Need to swap columns? Now it's so easy. No more manual copying of content and styles. Just drag and drop!

Swap Columns Using the Page Structure Panel - Joomla Website Builder Gridbox

Make Changes In Bulk


The copy-paste feature is great when you need to apply changes to one or two elements. But copy-paste doesn't sound so tempting when a large number of elements need to be changed. Now with the Page Structure Panel, you have a great solution for making bulk changes to the elements on the page. Select all elements by holding Shift or select a few elements by holding Ctrl, then right-click and choose any action. Voila, changes applied to all selected elements!


Bulk add plugins. Make it easy with the Page Structure Panel.

Bulk Add plugins Using the Page Structure Panel - Joomla Website Builder Gridbox


Bulk copying content has never been so fast.

Bulk Content Copy-Pasting Using the Page Structure Panel - Joomla Website Builder Gridbox


Need to bulk move elements? Easily! Just select the items you want and drag & drop.

Bulk Elements Moving Using the Page Structure Panel - Joomla Website Builder Gridbox


Want to delete multiple items at once? Use bulk items deleting.

Bulk EItems Deleting Using the Page Structure Panel - Joomla Website Builder Gridbox


Make your work even more efficient with bulk copy-pasting styling.

Bulk Copy-Pasting Styling Using the Page Structure Panel - Joomla Website Builder Gridbox


Quick Access to Everything

Have you ever had a situation where the Edit icon of plugin settings overlapped each other? Oh, that's trashily and very annoying. This incident will no longer cause your indignation. Now with the Page Structure and right-click, you can open any element for editing without a hitch. Display the element in the Page Structure Panel, right-click and start editing. Everything difficult has become easy!


Conclusion


With the Page Structure Panel, you are no longer afraid of pages with a complex structure and a large number of elements. Bulk editing of elements makes website creation easier and more efficient. Enjoy your work by creating websites with Gridbox. Even better, even more user-friendly with care for you!


Changelist

v.2.12.13 - 28/06/2022

  • Added: The Page Structure Panel;
  • Added: Adding new sections using the context menu;
  • Added: Download icon to the modal window for viewing uploaded images in Comments and Reviews;
  • Improved: The Autoscroll option in the One Page Menu plugin;
  • Fixed: Issue with copying the color settings in the Button plugin through Copy Style;
  • Fixed: Issues with Mega Menu design settings;
  • Fixed: Issue with displaying moderators in settings of Comments and Reviews.