18
Views
3
Comments
Broken lines design
Question
Application Type
Reactive

Hello everyone!
Anyone who has an idea to achieve this design? Having challenges with the broken lines from the question to the yes or no options, also should be centered.  Please see image for reference. Thanks.

2024-09-12 02-43-38
Deepsagar Dubey

Hello @RD. 

There are two way either you can use OS HTML element widget and the use <hr> tag or you can simply put (- - - - -) from questions to answer.

In the above image the first line is using <hr. HTML element while the second line is simply (- - - - - ),

if you'll opt first option then use below CSS as well, you can also customise CSS as your need.

border: none;  border-top: 3px dotted #000;  height: 1px;  width: 50%;

I hope it'll help you.

Thanks
Deep

2024-12-02 13-16-47
Vipin Yadav

Hi @RD.,

I have included an OML file and implemented certain functionality in it. 

Demo Url - https://vyadav.outsystemscloud.com/FrontEnd/BreakLine



Thanks,

Vipin Yadav

FrontEnd.oml
UserImage.jpg
RD.

Hello!
Appreciate all your answers guys. I'll try all of these and will give an update which works best on my side. Thanks!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.