You are viewing limited content. For full access, please sign in.

Question

Question

Forms collection line thickness

Forms
Updated July 21, 2017
asked on March 15, 2016 • Show version history

Hello,

 

 Does anyone know if you can edit the thickness of the dividing line when a collection is added. I have found how to edit the section lines, but not the collection lines. Can it be done with CSS? 

Use case is that I have a collection that looks somewhat busy and the faintness of the line makes it hard to see where one collection of fields ends and the next collection of fields begins.

Thanks as always!

 

0 0

Replies

replied on March 15, 2016

Sure, this is simple with CSS. The dividers in question are html <hr> elements, and Laserfiche makes the line by setting a 1px dotted border on the top. You can find all this in the Inspector tool as a part of the developer tools in most browsers these days. I would recommend putting a CSS class on your collection to limit the scope of the rule to only the collection you want to change. Then use the following in your CSS section:

.MyCollection hr.end_set {border-top:20px solid #ccc}
2 0
replied on March 15, 2016

Awesome! This worked thank you Scott!

0 0
replied on July 20, 2017

How do you edit the section lines? I would like to make mine solid.

0 0
replied on July 21, 2017

Those are actually the bottom border of the div ".cf-section-header" within a section. It helps a lot to find these kind of selectors using the Developer Tools in your web browser if you haven't already checked that out. Something like this would work:

.cf-section-block .form-q.cf-section-header { border-bottom: 2px solid black }

You can use any other CSS border options you like to tweak things. I made the selector more specific so that the rule would override the built-in rule for ".form-q.cf-section-header"

1 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...