There are two types of objects we use in Blocs to create web pages, Blocs and Brics. Blocs act as the main containers that we place Brics into. Adding Blocs To add a Bloc to a new layout, simply Left Click on any of the three layout areas, doing this will open the Bloc Bar. […]
All posts by norm
Interactions
Blocs comes with many different interaction types which are available to use with user interface elements such as buttons and links. Assigning an Interaction You can assign interactions to links, buttons, icons and images. To assign an interaction simply select the Bric on the main page canvas, then from the options sidebar selection the type […]
Create a Text Link
As well as adding links to your project using the link Bric, you can also turn areas of text such as Headers and Paragraphs into links. To create a link from some text, first select the text by moving the mouse pointer over it and Left Clicking it. Now the text is selected, Left Click […]
Editing Text
To edit the contents of a text Bric such as a paragraph or header, simply move the mouse cursor over the item you wish to edit and Left Click to select it. The text Bric will now display the blue active object marker. If you give the text item a second click you will see […]
Basic Text Formatting
As well as the sidebar and custom class options for formatting text, Blocs also has some basic text formatting options included on the item selection marker, that is shown when you select a text bric. These options allow you to make text Bold, Italic, Underlined or appear with a Strikethrough. They also allow you to […]
Using Solis With Blocs
Solis enables you to preview your site, as you create it, on multiple screen sizes. It’s great for checking the responsive characteristics of your site. You can find out more about Solis here. Connecting Solis With Blocs The process of connecting Solis with Blocs is very simple. First open the Blocs application and make sure […]
Bloc Width
All Bloc sections have a horizontal padding value of 50px, down the left and right side. This padding helps to frame the content within a Bloc ensuring it doesn’t get too close to the edge of the screen. However, there are times when you may want to have the content within a Bloc run all […]
Option Selects
An option select is a lot like a drop down, but rather than being comprised of a button it’s more like a form field. Option selects are designed primarily for use in web forms, they allow users to select an option from a dropdown list, this data is then usually included within the submission data […]
Background Textures
Blocs is capable of adding additional texture overlays to backgrounds. This makes it possible to quickly add visual styles to your Bloc backgrounds to create effects such as creased paper or fabric. Adding a Texture To add a texture to a Bloc background, simply Left Click on any area of the Bloc that does not […]
Breakpoint Views
A Breakpoint is a term used in responsive web design. When viewing your website on various devices it is important the content is set out correctly to provide the best possible viewing experience for your visitors. Breakpoints ensure a websites content will respond to the size of the screen from which it is viewed. While […]