Tiles in Action

Giving maximum control to content editors - without lots of technical know how.

At ComputerMinds we know that you want to give your content editors maximum control over how your site looks and feels without incurring any additional development overhead. Here tiles come into play, each being a distinct piece of content which essentially acts as a building block to an overall page. This means you can create rich and engaging pages whilst leaving your content editors free to deal with what they're good at - your content!

tile editing interface

Content Driven

The key behind using tiles is that we give much more control to your content editors over how a page looks and feels. The first step is to agree a set of predefined tiles which will vary in functionality. It might be the case that we create a tile ready to hold something as simple as some plain text right the way through to complex image and copy layouts and widgets with specific functionality.

When adding content the idea is that your content editors use a combination of these tiles to build up an entire page. Each tile will have its own set of fields for editors to add content to, and then behind the scenes, some magic happens to take this content and render it in a way that is specific to the type of tile you are working with. As an example, if you look at this page of our site each distinct section is a different tile, all we need to worry about is adding relevant content as the heavy lifting to get this to render in a consistent way across the site is done for us.

Rex London homepage

Modern Drupal

Modern Drupal has brought with it new and exciting ways of building pages that make it even easier than before to see what the page you are building will actually look like, whilst you are still building it!

Layout Builder and Layout Paragraphs both utilise an easy-to-use drag and drop based editing experience which allow the people who build the pages on your website to spend more time focussing on writing brilliant content, and less time wrangling with a frustrating editing experience. 

edit tiles interface

Tiles make it simple to keep your site looking consistent. Each tile has its own built‑in styling, so if you ever want to update how a particular type of tile looks, you only need to change it once - and every place that tile appears will automatically update.

Imagine you have a tile that shows an image on the left and text on the right. If you decide you’d prefer the image on the right instead, you don’t have to hunt through lots of pages to fix it. You just adjust the tile’s design, and every instance across the site updates instantly.

And in practice, you can go even further. You might add a simple option to the tile that lets editors choose whether the image appears on the left or right. That way, they get more control without needing any extra code.

Endless Posibilities

Tiles are incredibly flexible and we have made extensive use of them in our more recent projects. Imagination is the only real limit to what we can use tiles to achieve. We can even use them to display widgets of bespoke functionality within your pages.

SPX tile selection screenshot