I added an <hr> to my form by inserting a "Single Line Text" field and then typing a line of "=====" equal signs into the Field Label.
This resulted in the effect I was after there was a line
======================
dividing the form into two section.
Question: is having this "half-formatted" field in the middle of the form going to cause me some unforeseen trouble down the road?
Jim
JIm,
Your solution shouldn't break anything, but it will show up in your emails notifications, etc. It's probably a better solution to actually use a title for the section, and either show the title with a more prominent bottom border, or even to hide the title and only show a bottom border to achieve the effect.
If you still want to use a title for the section rather than the equal signs, you can title it whatever you like, and then style the bottom border on that element to be darker. It currently has a light, dotted bottom border.
For example, adding this CSS to your theme stylesheet will change the bottom border to a black, dashed line that's more prominent.
.gform_wrapper .gsection {border-bottom:1px dashed #00000 !important;}That will apply to ALL of the section breaks, and leave the section title visible.
If you only want the line and not the title, and only on that one section divider, something like this will work. ( I viewed the source and found the container ID is "field_8" - that way I can target just that instance)
li#field_8.gsection h2.gsection_title {display:none;}
li#field_8.gsection {border-bottom:1px dashed #000000 !important;}I copied your markup and did a quick test on my end. You can see it here. Hopefully that will make a little more sense out of the examples.
Hey Kevin!
Awesome! sorry it took so long for me to get back here and read your solutionS to my question -- what we on the farm collectively call "chores" kept me otherwise occupied the last few days.
I can't get wait to get back in to the Dashboard and play around with all this new knowledge!
Gravity Forms RULES!
Okay! When you said "...It's probably a better solution to actually use a title for the section,..." did you really meat to say "Section Break" rather than "title"?
I got rid of the "Single Line Text" field and put a "Section Break" in its place. I put a line of hyphens (dashes) "------" in as the field label, left the "Description" empty.
I think I've accomplished what I was after. There's a "line" on the form separating the visitor's personal info from the check boxes. And that "dividing field" doesn't create any "output" in the email info I'm receiving as Admin.
I do intend to fool around with the CSS formatting you'd suggested because there's are whole lot I'm curious about down that road.
But, in the meantime, this seems to be working pretty good ...and quickly/simply.
Hey Jim, yeah, I guess wasn't really clear. I did mean a section break. Glad it's working for you well.
Thanks ShepherdJim, your solution worked just great for me. Seems it would be useful for Gravity Forms to allow a simple horizonatal rule. Seems too that such limitation forces those of us who DON'T want to go into the programming end and would rather be outside doing more enjoyable community chores, to just invent a simple solution. Gracias!
