Product updates

In development: A new Grid editor

October 19, 2022

Maglr is the content creation platform with which organisations, by using two different editors, design interactive stories to publish and share. The Block editor is a simple drag-and-drop variant based on templates, suitable for the marketer. The extensive Pro editor is a variant with which experienced designers have complete control over the design.

The result of both of these editors can be viewed in a webbrowser after publishing. These webbrowsers, like Google Chrome and Microsoft Edge, have been developing at a rapid pace over the past years. Because of these new developments, and the slow disappearance of older variants, lots of new possibilities have become available.

An example of this is CSS Grid; a technique which has been available for a few years, but can now be widely used. That’s why last year we started developing a whole new ‘Grid editor’, which will replace the current ‘Block / template editor’ on short term (end of Q3).

What is CCS Grid? 

CSS Grid is a technique used for positioning elements inside a ‘grid’, which automatically adjusts itself to the size of the screen. This variable grid can be configured by you, which creates more possibilities to freely position the elements on your page. In our Block editor you were always tied to a fixed pattern, but for the Grid editor this will not be the case anymore.

Easy to use, but extensive customisation when necessary

With this new Grid editor, we will close the gap between the current Block- & Pro editors. Where you can design an interactive page in a short period of time with the Block editor, there is little room for customisation. This is only possible with our Pro editor, where you start off with a blank canvas and manually set up the page. While this allows for extensive customisation, it takes more time to design the interactive page from scratch.

With the Grid editor, we approached this differently. It will remain possible to start your design from a template, but we will also allow you to fully customise this template. Different user roles will also become more important. An ‘Editor’ will only be able to fill the predefined spaces in a section, while a ‘Designer’ will be able to reposition elements or completely redesign the grid itself.

Grid vs Pro 

While this Grid editor offers many more possibilities, it will not replace the Pro editor. For a fully-fledged creative design with a lot of animations and interactions, the Pro editor will remain the better choice. For more editorial type of pages, the Grid editor would become a better option for example. The eventual choice will depend entirely on the format and the type of content, where both editors can still be used independently from each other.

What happens to my existing projects? 

The current projects and pages you design with the Block editor, will remain editable using our Block editor. Upon release of the new Grid editor, we will not directly shut down the Block editor. While further development will discontinue, we’ll continue to provide the support that you are used to for this editor. 

When can I get started with this Grid editor? 

At the moment, the Grid editor is still in development. We’re planning to release its first beta version in Q3 of 2022. Coming up to this date, we’ll send you regular updates on the developments of this editor. 

What can I expect in regards of functionalities? 

We very much love to share where we stand with this Grid editor. We used a lot of feedback from our customers who are using the current Block editor in its development. Below you will find a list of the most important features which you can expect:

  • Build a page manually, based on separate (ready-to-go) sections;
  • Fill a section rapidly with predefined blocks;
  • Easily change between different section types while keeping its contents
  • As a designer, freely change the design and lay-out of the separate sections;
  • As a designer, create your own sections or blocks and save them in a shared library;
  • Directly one single page in multiple languages, directly from inside the editor;
  • Check a page for digital accessibility (according to WCAG guidelines);
  • Real-time collaboration on the same page or section;
  • An extensive library of template (pages);
  • Capture your corporate style in the form of a detailed color style.

What will the Grid editor look like? 

A section in a page consists of a ‘responsive grid’, which can be manually adjusted by the designer. Rows and columns determine exactly how much space every ‘cel’ in the grid receives.
A page consists of multiple sections. Through a library, these sections can be placed below each other (or on top of each other in case of a pop-up) to bring the page to a whole. This library can be compared to the ‘Layers’-panel in the current Block editor, or the ‘Scene’-panel in the Pro editor. 
Within the rows and columns of the grid, element scan be positioned and edited to your liking.


In the upcoming period, we will keep you updated on the developments of this editor. Follow us on social media or sign up for our newsletter to stay on top.

minute read
Product updates

More articles