How to use Gridbox editor?




Joomla website builder Gridbox comes with a live editor. The Gridbox editor is the platform for creating and editing Joomla pages in real-time. In this tutorial, we'll show you the structure of the Gridbox editor and how to use it.




Main toolbar


Main Toolbar is the toolbar at the top of the Gridbox editor screen that contains buttons with different features and tools.



Reverse and save


The following are functions that are displayed as buttons in the toolbar. Also, you can apply them using keyboard shortcuts. 


  • Undo - a function that reverses your last action. You can reverse more than one action
  • Redo - a function that reverses your last Undo. You can reverse more than one action that has been undone. The command Redo can be used after the command Undo
  • Save - a function that saves changes



Responsive editor


Gridbox mobile editor lets you set up fully responsive Joomla sites. More information you’ll find in our documentation: 



Tools


Tools is a dropdown menu that contains the Media Manager and Font Library. Also, here you will find Code Editor and Photo Editor after installing these Gridbox Apps.



Page settings


Page is a dropdown menu that opens the Page settings, provides the ability to add to the menu, create a new page, and opens a list of all pages.



Theme settings


Theme in the toolbar opens the theme settings where you can customize typography, color, background. For more information, see the documentation: 



Site settings


Site is a dropdown menu that opens a large number of different settings for your site.



General settings

Basic:


  • Favicon allows you to select and add a favicon to your site. See the documentation for more information:
  • Preloader displays a preloader when a page is loading. See the documentation for more information:
  • Email address encryption encrypts all email addresses in content from spambots using JavaScript
  • Date format sets the date format



Scripts:


  • Header scripts allow you to add scripts to the header tag.
  • Body scripts allow you to add scripts to the body tag.  



SEO:


  • Canonical URLs enable the Gridbox app "Canonical URLs". More information you'll find in the documentation:
  • Sitemap enables the Gridbox app "XML sitemap". See the documentation for details:



Media manager:


  • Media manager opens the Media manager settings. More information you'll find in the documentation:



Layout settings


Basic:


  • Container sets the size of the container in px. 
  • Disable responsive disables responsive on the site.



Breakpoints:


  • Breakpoints allow you to customize widths that determine how your responsive layout behaves across devices. See the documentation for more information: 



Performance settings


Performance enables performance tools that speed up your Joomla site. More information you’ll find in the documentation:




Sidebar panel


  • Page blocks install a package of 170 built-in page blocks that allow you to greatly speed up the process of page building. See the documentation for more information:
  • Library allows you to import/export page items between Gridbox pages. See the documentation for more information:
  • Hide hidden elements / Show hidden elements allows you to control the display of hidden elements


  • Shortcuts provide an alternative way to do something that you'd typically do with a mouse. See the documentation for more information:
  • Dashboard switches to the Gridbox dashboard

Related articles