Insert blank line between stacked fields

  • 1
  • Question
  • Updated 4 years ago
  • Answered
In a standard Salesforce page layout you can drag in a blank line on the page layout to separate groups of fields in a section.  We need this for total fields separated from the calculation fields above to stand out.  Secondarily, I would like to increase font on those total fields slightly to stand out more.

Does Skuid have a method of separating stacked fields into sections or groups in the field editor? 

I found this community article, but it did not provide the answer specifically.  https://community.skuidify.com/skuid/topics/insert_a_blank_space_onto_page
Photo of Bill White

Bill White

  • 362 Points 250 badge 2x thumb

Posted 4 years ago

  • 1
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,704 Points 20k badge 2x thumb
You can create all sorts of stacking and grouping using panels, field editor sections and columns, and finally CSS. You can put the total field into it's own section within the column of the field editor.

A template field in this new section can be used to set the styling within the HTML for the calculated fields you want.
Photo of Moshe Karmel

Moshe Karmel, Champion

  • 8,646 Points 5k badge 2x thumb
You can add a template field, check allow HTML and put the following in the box:
<hr/>
Photo of Bill White

Bill White

  • 362 Points 250 badge 2x thumb
Adding the template field, clearing out the default label and replacing default template info with <br>, checking allow HTML and checking Read-only worked great.  

It was almost declarative and seems like an easy solution for a standard or custom component called "Blank Line"

Photo of Moshe Karmel

Moshe Karmel, Champion

  • 8,646 Points 5k badge 2x thumb
For the record it's not magic it's just a simple HTML tag. 

http://www.w3schools.com/tags/tag_hr.asp
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Come on Moshe.  Let him think its magic...  Its Skuid of course... 
Photo of Bill White

Bill White

  • 362 Points 250 badge 2x thumb
Thanks Moshe!  Some of us button click admins do believe in magic because you just saved me a lot of time trying to figure this out.  Does it matter if you use <hr> or <br> tag?
Photo of Moshe Karmel

Moshe Karmel, Champion

  • 8,646 Points 5k badge 2x thumb
Yes only <hr> has an actual line, <br> is just a blank area.
(Edited)
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,704 Points 20k badge 2x thumb
I thought it was a typo. :/ First time seeing that.
Photo of Bill White

Bill White

  • 362 Points 250 badge 2x thumb
Ahh....so now I have two options.  Use a <hr> tag if I want a thin line between the stacked fields or <br> for just some white space with a blank line.  

Look, you magically turned one solution into two.