FunctionCopy link to clipboard
a!horizontalLine( color, weight, marginAbove, marginBelow, showWhen, style )
Displays a horizontal line. This component is best used when you need to visually distinguish and separate content within a page. It enhances readability for complex interfaces and enables the creation of responsive user interfaces.
ParametersCopy link to clipboard
| Name | Keyword | Types | Description |
|---|---|---|---|
|
Color |
|
Text |
Determines the horizontal line color. Valid values: Any valid hex color or “SECONDARY” (default), “STANDARD”, “ACCENT”. |
|
Weight |
|
Text |
Determines the horizontal line thickness. Valid values: "THIN" (default), "MEDIUM", "THICK". |
|
Margin Above |
|
Text |
Determines how much space is added above the component. Valid values: "NONE" (default), "EVEN_LESS", "LESS", "STANDARD" , "MORE", "EVEN_MORE". |
|
Margin Below |
|
Text |
Determines how much space is added below the component. Valid values: "NONE", "EVEN_LESS", "LESS", "STANDARD" (default), "MORE", "EVEN_MORE". |
|
Visibility |
|
Boolean |
Determines whether the component is displayed on the interface. When set to false, the component is hidden and is not evaluated. Default: true. |
|
Style |
|
Boolean |
Determines how the component displays. Valid values: "SOLID" (default), "DOT", "DASH". |
ExamplesCopy link to clipboard
Use the interactive editor below to test out your code:
Display horizontal lines with custom colorsCopy link to clipboard
Feature compatibilityCopy link to clipboard
The table below lists this component's compatibility with various features in Appian.
| Feature | Compatibility | Note |
|---|---|---|
| Portals | Compatible | |
| Offline Mobile | Compatible | |
| Sync-Time Custom Record Fields | Incompatible | |
| Real-Time Custom Record Fields | Incompatible | Custom record fields that evaluate in real time must be configured using one or more Custom Field functions. |
| Process Reports | Incompatible | Cannot be used to configure a process report. |
| Process Events | Incompatible | Cannot be used to configure a process event node, such as a start event or timer event. |
Related PatternsCopy link to clipboard
The following patterns include usage of the Horizontal Line Component.
- Duration Display (Rich Text, Events): Use the duration display pattern to show the amount of time in between events in a quick, easy-to-read way.