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

    pagebreaks in product list

    Asked by lunchymoon on February 02, 2017 at 12:49 AM
    2) can I insert a page brake within the products list? I have around 20 items and it is a long list on the same page.
  • Profile Image
    JotForm Support

    Answered by owen on February 02, 2017 at 02:39 AM

    Hi,

    You can insert the following CSS code into your form in order to have a larger break between your products:

    .form-product-item{

        padding:15px;

    }

    I hope this helps. 

    Thank you for contacting us. 

    Cheers!

  • Profile Image

    Answered by lunchymoon on February 02, 2017 at 06:37 AM

    Hi Thanks. This has been helpuful but I mean a page brake with the button (ex. "go to the next page" button)

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by owen on February 02, 2017 at 06:48 AM

    Hi,

    Oh, I see. I'm afraid that's not possible since all your products are listed within the payment field. We're not able to put page breaks between the elements of a single field. If you'd like to list your products with checkboxes though, that'd be possible. It does need some further calculations to pass the payment field but we can provide assistance you on this if it's ok for you. 

    Thank you!

  • Profile Image

    Answered by lunchymoon on February 02, 2017 at 07:01 AM

    Hi,


    thanks for the quick reply. Yes i know the method to pass the value to the cacluclation plugin but I prefer the payment plugin for now. In any case the snippet of css you provided me has improved the view of the items but I set it to 30px:

    .form-product-item{

        padding:15px;

    }

    a collegue of you also provided another snippet of code to add some space between the product, but it did not help much:


    span.form-product-item.hover-product-item {

        height: 53px !important;

    }

    Can you tell me the differences between the two snippet above?


    Thank you!



  • Profile Image
    JotForm Support

    Answered by owen on February 02, 2017 at 07:13 AM

    I have just written a response which describes the difference between them here :)

    Cheers!

  • Profile Image

    Answered by lunchymoon on February 02, 2017 at 07:14 AM

    Thank you!