US English (US)
AU English (AUS)

AroFlo Documentation

Glossary Contact us What’s New? Mailing List
AroFlo Login Staff Login
Glossary Contact us What’s New? Mailing List
AroFlo Login Staff Login
English (AUS)

Modify Elements on a Layout

Learn how to use the Properties panel to modify elements on a layout

Updated on January 4th, 2024

Each element on the layout has a Properties box which allows you to modify its settings or delete it from the layout.

100% Browser Zoom
If you lower the browser zoom setting on your device, it may affect your layout when viewing and printing.

 
Settings Description

Lock Element

 

Controls the location of the element on the layout. Enable this feature for static elements such as text labels (that you might use to define columns of data within a table) to ensure they remain locked in position when the layout is generated.

 

Disable this feature on elements that come after a data field or table which displays multiple lines of information to allow other elements to automatically adjust for the extra lines being forced into the layout.

The Lock Element feature is enabled by default when a new element is added to a layout. Disable to correct the positioning of elements or overlapping text.

 

Width / Height / Auto

 

Controls the width and height of the element. The Auto checkbox allows the system to set these values automatically.

Data elements pull information from other areas of the system which can make it a little trickier when placing in the correct position. The customised view will show the data element name, however when the layout is previewed it will display the relevant piece of information.

Show me

 
 
 

Border Width / Style / Colour

 

Add a border to an element by selecting a border style, enter a border width: 

(0 = none, 1 = hairline, 2 = regular etc.) and choose a colour (default = black).

Font Type / Size / Colour / Bold

 

Modify the font type:

(default = Verdana) / Size: 
(default = 12) / Colour: 
(default = black) or Bold the text.

Text Align

 

Align the text to the left, centre, right or justify.

When attempting to centre or right align, always make sure that you've set the width of the element. It is not possible to correctly align an element while the width is set to auto.

 

Background Colour

 

Controls the colour of the element background.

 

Layer

 

Controls which elements appear in front of other elements. This is useful for placing text labels in front of boxes or over images in your layout.

 

Delete

 

Deletes the selected element. Ensure you've selected the right element before you delete it.

 

Having trouble resizing your logo?
Click on the logo image to bring up the Properties: Image box and set a specific Width and Height for the image. You can set one of these values to the size you want and click the Auto checkbox on the other value to automatically adjust to maintain the original aspect ratio of the image.

 

Recently viewed

Log in
Adding AroFlo to your Home Screen
Log in
Menus
AroFlo App

Related articles

Custom Layouts - Overview