Insert blank line between stacked fields

Bill White

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

Pat Vachon

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.

Moshe Karmel

You can add a template field, check allow HTML and put the following in the box:

<hr/>  

Bill White

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"

Moshe Karmel

For the record it's not magic it's just a simple HTML tag. 

http://www.w3schools.com/tags/tag_hr.asp

Bill White

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?

Rob Hatch

Come on Moshe.  Let him think its magic...  Its Skuid of course... 

Moshe Karmel

Yes only <hr> has an actual line, <br> is just a blank area.

Pat Vachon

I thought it was a typo. First time seeing that.

Bill White

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.