What is the purpose of the HORIZONTAL RULE element in FV component?

What is the purpose of the HORIZONTAL RULE element in FV component?

2 Likes

Horizontal Rule element is used to display a horizontal line in the FV component. It is a UI specific element which shows a horizontal line at 100% width.
In the below configuration, Horizontal Rule element is at sequence 6 which shows a horizontal divider line between 2 set of elements.

3 Likes

@ShraddhaDhoke so can we decrease the width of the horizontal line?

2 Likes

@richa_chachan Yes, we can change the width by setting the Width property in Data Style of UI properties or by Laptop/Desktop Width, Tab Width, Mobile Width in the UI properties.

3 Likes

Thanks @ShraddhaDhoke

1 Like

@ShraddhaDhoke Can we also place a dotted line or a dashed line here ? In place of one flat simple line ? And can we change the colour of line also ?

2 Likes

To change the solid line to a dashed or dotted line, go to UI properties > Data Style > Border > Enter Border Top value as 1px dotted #FFA500 or 1px dashed #FFA500

Dotted Horizontal rule:


Dashed Horizontal rule:

2 Likes