Examples Templates Store Pricing Docs Turbo CSS Blog Boomla WishList Introducing Turbo UI Named buckets Turbo CSS is Tailwind CSS on steroids Introducing Turbo CSS, the most advanced web-design language Calculate how much storage you use Better login system Collaboration settings Filesystem and Database are not cutting the problem space right What I'm working on 64bit File node IDs New how-to videos Creating buttons gets easier Introducing reusable components HTTPS by default Introducing the Boomla Theme CDN for faster pageloads Write your own website builder on top of Boomla On On composition Shared admin access A fresh config editor Building a multi-purpose theme A filesystem to replace your CMS New file link type: scope Mobile editing support Inline file wrapping changed Package sandboxing New PHP-like JavaScript engine [sjs-4e] Send emails to the website owner New JavaScript engine [sjs-4] A better editing experience New email service provider Glossary and other changes New panel changes Improved registration flow Boomla goes multiplayer Using local dev tools Why Boomla doesn't need Git File Panel Let's build a community Automatic updates Improved sjs-3 API New Frontend CSS modules Work offline with Boomla Faster page loads via caching Drag & drop supercharged Supporting CommonJS modules  Paranoid about loosing data IDE usability improvements Simple App install flow Meetups in Budapest Goodbye broken links Flow control from user space Customizing apps Contextmenu support for apps Deprecating the .Class file Hello Changelog Embedding 3rd party plugins Introducing Tools Installing apps just got amazing Public beta Host on our servers Simple deploy with push/pull Version Control for the Web 350M files on a 1TB disk 2 weeks in review
Control Panel

New panel changes

2018-09-27

Moved to the Sidebar

The New panel contains the building blocks you can use to build your website. Until now, it has lived in the toolbar at the top of your website.

In the image below, you can see the label “New” which you can use to open the New panel. You can also see the File panel icon highlighted, which opened a slidebar on the left.

 

toolbar-before-2.png

 

The File panel has been turned into a general purpose Sidebar, containing both the File panel and the New panel as you can see in the image below.

 

toolbar-after.png

 

Separate Local and Installed sections

You will find separate Local and Installed sections as you can see on the image below.

The Installed section at the bottom lists all your installed packages. These are read-only, meaning you can drag elements from them onto your page, but you can’t customize them there.

The Local section at the top lists your custom instances. This is your writable area, where you can add anything, customize them, sort them, group them.

If you often find yourself dragging an element from the Installed section to your page, only to make the same changes, you should copy the customized element to your Local section, so you don’t have to apply the same changes again and again.

 

new-panel.png

 

Why

  • Generally, there is more unused space on the left of your screen.

  • The horizontal panel at the top did not allow for displaying a hierarchical structure. We needed the hierarchy for several reasons. As the number of elements in the New panel grew, it became hard to find elements, so we naturally wanted to group them. Also, the installed and local elements had to be separated, the installed elements grouped by their domains.

  • We often wanted to give the elements longer names, for which the sidebar was a much better fit.

     


Cheers,

you can follow me on Twitter