Insert blank line between stacked fields

edited June 25, 2020 in Questions
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


Comments

  • Pat VachonPat Vachon 💎💎💎
    edited June 25, 2020
    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.
  • edited June 25, 2020
    You can add a template field, check allow HTML and put the following in the box:
    <hr/>  
  • edited January 14, 2015
    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"

    image
  • edited September 1, 2016
    For the record it's not magic it's just a simple HTML tag. 

    http://www.w3schools.com/tags/tag_hr.asp
  • edited January 14, 2015
    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 HatchRob Hatch 💎💎💎
    edited September 1, 2016
    Come on Moshe.  Let him think its magic...  Its Skuid of course... 
  • edited June 25, 2020
    Yes only <hr> has an actual line, <br> is just a blank area.
  • Pat VachonPat Vachon 💎💎💎
    edited January 5, 2016
    I thought it was a typo. :/ First time seeing that.
  • edited January 14, 2015
    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.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!