Line Breaks in Form Submission Emails

  • kstanton
    Asked on July 17, 2017 at 11:58 AM

    Hi there!

    Is there anyway for me to take items that are stacking on a form submission email and place them into one line rather than stacking?

    These are being stacked because they are pulling from items that are being "checked" on the from. But we're just looking to have them go horizontal, not vertical.

    Thanks in advance!

    Jotform Thread 1200919 Screenshot
  • David JotForm Support Manager
    Replied on July 17, 2017 at 1:20 PM

    What you can do is to list them in separate Multiple Choice fields:

    Line Breaks in Form Submission Emails Image 1 Screenshot 30

    Then inject custom CSS like this to make them look as if they were one question:

    #label_136,#label_137,#label_138,#label_139,#label_135{

    display: none;

    }

    #id_136,#id_137,#id_138,#id_139,#id_135{

    padding-bottom: 0px !important;

    padding-top: 0px !important;

    margin-bottom: 0px !important;

    margin-top: 0px !important;

    }

    #id_7{

    padding-bottom: 0px !important;

    margin-bottom: 0px !important:

    }

    Result: https://form.jotformpro.com/71975085516970 

    Line Breaks in Form Submission Emails Image 2 Screenshot 41

  • kstanton
    Replied on July 17, 2017 at 3:25 PM

    Hi there! Actually, I think this will break out the answers in the submission email into their own lines.

    What I'm ultimately looking for is to turn this...

    Marietta

    Alpharetta

    Woodstock

    Stone Mountain

    West Cobb

    into this...

    Marietta, Alpharetta, Woodstock, Stone Mountain, West Cobb

     

    Is that doable? Thanks!

     

  • David JotForm Support Manager
    Replied on July 17, 2017 at 3:52 PM

    You can use a Form Calculation widget to get the selected options, please see this example:

     

     1) Add the form calculation widget to your form:

    Line Breaks in Form Submission Emails Image 1 Screenshot 50

    2) Get the Multiple Choice field into this new widget:

    Line Breaks in Form Submission Emails Image 2 Screenshot 61

    3) Then hide it through its properties:

    Line Breaks in Form Submission Emails Image 3 Screenshot 72

    Result:

    Line Breaks in Form Submission Emails Image 4 Screenshot 83

    Let us know if you need more help.