Horizontal Line Control

Documentation home

Description. 1

Properties 1

Styling Tab – Styling Assistant 1

Html Element Properties Tab. 2

Right Click Menu Actions 2

Hints and Tips 2

Appearance in Outline View. 2

See also: Introduction to Styling, Styling Assistants, Controls

Description

This control represents a horizontal line.

Properties

See also control common properties and local/inherited control properties.

Styling Tab – Styling Assistant

Property	Description	Name^1	Type^1	Get^1	Set^1	Get/Set Values^1
Width	Sets the line width.	width	Character	Yes	Yes	As per CSS width property.
Color	Sets the line color.	color	Character	Yes	Yes	As per CSS color property.
Margin	Margin is the space between a control and its neighbours. See margin properties.
Advanced Properties:
Style	CSS class and inline style applied to the line.	cssClass style	Character	Yes	Yes	As per HTML class parameter As per HTML style parameter

¹ See accessing control properties from scripts

Examples of setting properties via API based language:

controls.HORIZONTALLINE1.width = "30px";

controls.HORIZONTALLINE1.color = "#CCCCCC"';

Examples of setting properties via FPL:

set HORIZONTALLINE1.width = '30px';

set HORIZONTALLINE1.color = '#CCCCCC';

Html Element Properties Tab

This allows you to add element properties to the root element of the Control – see Html Element Properties for more information.

Right Click Menu Actions

Click here for right-click menu actions available to all controls.

There are no specific right click actions for this control.

Hints and Tips

A width specification may be required to make the line visible (this depends on whether a width has been set for a parent control).

Appearance in Outline View

A Horizontal Line Control is shown with the control name in brackets: