forum.blocsapp.com

help.blocsapp.com

Brics Basics – Blocs – User Documents

https://help.blocsapp.com/brics-basics

Brics are individual user interface elements that we use in order to make up our web page design. Images, buttons, icons, headers and many others are all classed as Brics within the Blocs application. To select a Bric, simply Left Click. The Bric below using. The Bric to the left using. And the Bric to the right using. You can move any selected Bric up the layout stack using the keyboard shortcut. And down the stack using. You can also move Brics across into neighbouring stacks using the keyboard shortcut.

help.blocsapp.com

Brics – Blocs – User Documents

https://help.blocsapp.com/category/brics

Brics are individual user interface elements that we use in order to make up our web page design. Images, buttons, icons, headers and many others are all classed as Brics within the Blocs application. Selecting Brics To select a Bric, simply Left Click the Bric when in design mode. Once a Bric is selected a small […]. Read More →. Read More →. Read More →. Blocs allows you to easily integrate forms into your projects using the various form Brics available. Adding a form To add a form to a page, press...

help.blocsapp.com

Editing Text – Blocs – User Documents

https://help.blocsapp.com/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 the actual text content becomes highlighted. This text Bric is now in edit mode and will accept input from your keyboard.

help.blocsapp.com

Window Toolbar – Blocs – User Documents

https://help.blocsapp.com/window-toolbar

The window toolbar lets you quickly access all of the additional design windows available in Blocs such as the Class Manager. Asset Manager, Swatch Manager. The window toolbar is located at the bottom of the inspector sidebar. To open one of the additional windows, simply Left Click. The relevant icon. This will cause it to become highlighted indicating that the window is now open, alternatively a Left Click. On an already highlighted icon will cause the relevant window to close.

help.blocsapp.com

Video Backgrounds – Blocs – User Documents

https://help.blocsapp.com/video-backgrounds

Using video backgrounds in web design can be extremely impactful, especially when they are used in conjunction with the hero (the top) area of a website. In Blocs there are a number of ways to add a video background to a bloc, the easiest way is to just drag a video file that is the correct format and file size on to the Blocs canvas and over the Bloc you wish to apply it to, doing this will make the Bloc background turn grey. When you release the Left. Section and toggle the Video dropdown. This button ...

help.blocsapp.com

Managing Licenses – Blocs – User Documents

https://help.blocsapp.com/managing-licenses

Blocs uses license numbers to activate and manage the usage of the software, all aspects of license management can be handled in the UI Store when you are logged in. To access the Blocs license management settings, login to the UI Store (www.uistore.io). And from the main menu at the top of the webpage click the link labelled My Products. This will take you to the license information section where you can obtain your license number, check its status and also manage its uses. Deactivate License in App.

help.blocsapp.com

Getting Started – Blocs – User Documents

https://help.blocsapp.com/category/getting-started

When you first use Blocs you will be asked if you would like to run the 5 day trial or activate your license. If you have purchased a license from the UI Store then you will have received a license number via email, take care not to mix this up with your purchase key which […]. Read More →. Read More →. Read More →. Blocs is a modern web design tool focused on simplicity. The goal of Blocs is to create beautiful looking, well coded websites without the need to write code in order to create them. ...When ...

help.blocsapp.com

Bloc Width – Blocs – User Documents

https://help.blocsapp.com/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 the way to the edge of the screen, the Blocs Width. Setting lets you achieve this effect. To Remove horizontal padding from a Bloc, simply Left Click. By default, this dropdown will be set to Normal.

help.blocsapp.com

Sidebar – Blocs – User Documents

https://help.blocsapp.com/sidebar

From the options sidebar you can access all of the basic editing controls to fine tune many of the features of the currently selected Bloc or Bric. The inspector sidebar can be positioned to either the left or right of the app main window frame using the option located in the main app’s preferences. The inspector sidebar is broken up into different categories which are colour coordinated, each section can be minimised or maximised by Left Clicking.

help.blocsapp.com

Blocs Basics – Blocs – User Documents

https://help.blocsapp.com/blocs-basics

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. 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. From the Bloc Bar you can now select to add an empty layout Bloc or a pre-made Bloc by Left Clicking. On one of the available options. After a Bloc is added, you can continue to change the placed Bloc by Left Clicking. On any area of the Bloc tha...