Horizontal Rule

So I wanted to separate different sections of our form so I wanted a horizontal rule. Well I ended up creating a common interface with the following code and I added an input to allow me to choose between grey and blue colors. this interface utilizes the milestone field. Is there a better way? Here is the code:

with(
  if(
    or(
      isnull(
        ri!isblue
      ),
      ri!isblue
    ),
    a!milestoneField(
      steps: {
        "",
        ""
      },
      active: - 1
    ),
    a!milestoneField(
      steps: {
        "",
        ""
      }
    )
  )
)
 

  Discussion posts and replies are publicly visible

Parents Reply
  • 0
    Certified Lead Developer
    in reply to Richard Mead
    a!sectionLayout(label: char(8207) ) should work for pre-18.2.

    What you want is a unicode character which is invisible, and yet still triggers SAIL to render the gray bar. 8207 is the one I found which doesn't render in Chrome or IE and yet preserves the gray bar.

    Another option is to take a picture of a gray bar (or any other color bar for that matter) and render that in an Image component. Results might vary on that one.
Children