In Blocs it’s possible to set the visibility of any item so that it can be hidden or visible on the various breakpoints available within Blocs. This is exceptionally useful if you want to give your visitors a different visual experience depending on the screen size of the device they…

Websites built with Blocs use the Bootstrap framework, when a site that uses Bootstrap is viewed on a mobile device, the standard navigation links become a toggle menu that is accessed via a button, this is normal behaviour as it improves the mobile user experience. Changing the Toggle Menu Style…

Websites built with Blocs use the Bootstrap framework. When a site that uses Bootstrap is viewed on a mobile device, the standard navigation links become a toggle menu that is accessed via a button, this is normal behaviour as it improves the mobile user experience. Changing the Toggle Symbol Bootstrap…

If you are building a site that will be in Arabic or another language that requires the text to be formatted so it reads from right to left, you will need to switch on RTL within your project so the text formats correctly. Enabling RTL To enable RTL within a…

Freehand is an underlying technology build into the core of Blocs, it delivers a more visual way to size and position elements on the design canvas. When freehand controls are used to edit elements, custom classes are automatically written in real-time that contain the relevant values based on the type…

Web pages in Blocs are broken up into 3 areas. The top global area, the dynamic content area and the bottom global area. These areas are divided with blue lines on the design canvas, please note the red arrows on the image below. The Global Areas Global areas are content…

One of the most powerful features in Blocs is the ability to use custom classes within your projects. If you come from a graphic design background, think of custom classes as layer styles you can assign to any item in Blocs to give it a specific look and feel. The…

Blocs comes with an array of page settings to help you fine tune the important details of each page in your project. Accessing Page Settings You can access the page settings for the current active page by clicking the settings symbol located within the page selection drop down. From these…

Although Blocs gives you the freedom to design a web page from scratch, there are times when you may wish to start from a pre-made page template. Blocs has some powerful templating features that allow you to easily store and export the pages you create within Blocs as templates. How…

Blocs comes with many different interaction types which are available to use with user interface elements such as buttons, icons, links and images. Assigning an Interaction To assign an interaction simply select the Bric element on the main design canvas, then from the sidebar inspector options, selection the type of…