What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I add a line break between Payment Option Properties

    Asked by jonsan32 on January 19, 2016 at 06:42 PM

    My form (https://form.jotform.com/40305527682958 and click the 50 All-Stars option to view the payment portion) currently has the extra options on the payment field all aligned horizontally. I've searched for the fix in the forum section, but I guess I'm the first to run across this. I know I must add CSS to something or other, but I'm not quite sure of how to add a line break between each SELECT OPTION within the form-sub-label-container

    Thanks for any help you're able to provide!

     

    Page URL:
    https://form.jotform.com/40305527682958

    Screenshot
    line break payment option properties how
  • Profile Image

    Answered by jonsan32 on January 19, 2016 at 07:32 PM

    I've decided to just add more subitems instead, but still would like to know how this would be accomplished. The payment total also wasn't changing until I switched routes. 

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 20, 2016 at 01:06 AM

    Hi,

     

    You can make the width of the field into 1/3rd of the total width of the form to have 3 columns per row.

    For example:

    li#id_41 {

        width: 30%;

    }

    li#id_42 {

    width: 30%;

    }

    li#id_43 {

        width: 30%;

    }

    This css implies that the three fields will have a width that is 30% of the form. Any field after these three will then move down to the next row because there is no room in that row.

    ex: If there is a Free Item #4, it would move to the bottom of Free Item #1

     

     

    Do inform us if you need further assistance,
    Regards.