Rows are one of the key structural elements within the Blocs application, along with columns and Bloc containers they form the foundation on which your site layout is built. Selecting a row Because the columns that are nested within a row occupy the entire space of a row, it can…

You can easily duplicate any element in Blocs using either the keyboard shortcut ⌘D, or by simply right clicking an element and selecting duplicate from the contextual menu.

Blocs allows you to easily integrate forms into your projects using the various form and input Brics available. Setting up a form To begin setting up a form, first select the main form container. The easiest way to find the form container is by selecting one of the input fields…

The audio player Bric lets you add a basic HTML 5 audio player to your site that can be used to play MP3 audio files. Adding an audio track To set the audio track of an audio player, first open the Asset Manager and add an MP3 audio file using…

The Tabbed Content Bric provides a content area that has its content controlled by navigation tabs. Unlike most other Brics found within Blocs, the tabbed content Bric is made up of two separate parts, a List Bric and a Div Bric. Both elements that make up the tabbed content Bric…

There are times when you may wish to make a Bric semi transparent. Blocs allows you to do this either via the Class Editor or by simply hitting the number keys 1 to 0 on your keyboard. Editing Values When opacity values are applied via the number keys on your…

The Problem I migrated my Blocs V2 project to Blocs v3 and now the text on my site looks too big. The Reason After you migrate a Blocs V2 project to V3 you may notice the text looks bigger. This is because Bootstrap 4 now uses larger font sizes across…

One of the biggest changes in Blocs 3 is the fact it no longer creates websites using Bootstrap 3 and instead uses the new and improved Bootstrap 4 framework. Migration Tool Projects created in Blocs 2 use the Bootstrap 3 framework which is obviously not ideal, as Bootstrap 3 and…

The Bloc Bar is a popover menu that lets you quickly and intuitively add additional pre-made sections (Blocks) to a page. It works similar to the Bric Bar, but rather than add Brics, the Bloc Bar adds larger pre-made layout sections. Access the Bloc Bar By default the Bloc Bar…

The Problem I want to add a clickable link that will open the users email app and populate the email field with my contact email address. The Solution Although Blocs doesn’t come with a specific email interaction, it is possible to use the URL interaction to create a clickable link…