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 to setup form collapse tool in adding new items?

    Asked by GeneKempers on May 03, 2016 at 04:30 PM

    Form Show Hide Collapse - Thinner Collapse Line?

    I created a collapsible form using show hide with formula calculations tied to my PayPal processing which works very well.

    Is there a way to make the collapsible section indicators not as thick and not as wide?

    Tried the shrink tool to shorten it.

    See my form Show Hide Collapse.

    Page URL:
    Thiswillgoontomywebsitewww.design-a-band.com.

    show hide line calculations shrink collapsible
  • Profile Image
    JotForm Support

    Answered by Nik_C on May 03, 2016 at 06:08 PM

    Let me do some tests regarding this request and I'll get back to you.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Nik_C on May 03, 2016 at 06:33 PM

    Please try to insert this code in your Custom CSS field:

    .form-collapse-table {

    background:#D5EEF3;

    border:none;

    outline:none; 

    height: 40px;  

    width: 400px;

    margin-left:100px;

    }

    .form-collapse-mid {

    text-shadow:none;

    vertical-align: middle; 

    margin-top: 5px;

    }

    .form-collapse-right, .form-collapse-right-hide { 

         vertical-align: middle !important; 

         height: 40px !important;

    }

    Please let me know if that helps.

    You can check clone of your form on this link: https://form.jotform.com/61236932613958, where I did those changes.

    Thank you.

     

     

  • Profile Image

    Answered by GeneKempers on May 04, 2016 at 08:42 AM

    This helps the look of the form.

    Thanks.

    Can I get the show-hide feature to just show-hide the section I selected?

    If I show section 4, all of the other sections are hidden.

    Want to be able to show all, or as many as I want individually.

    Gene

  • Profile Image
    JotForm Support

    Answered by Nik_C on May 04, 2016 at 09:08 AM

    You're welcome.

    Well, at the moment it is showing only section that is selected when you click on it.

    Could you please let me know which sections you would like to reveal?

    Since, whatever is under collapse, it will reveal with clicking on it. Do you want to move some fields from one to another collapse?

    We'll wait for your response.

     

     

  • Profile Image

    Answered by GeneKempers on May 04, 2016 at 09:18 AM

    For example:

    If I have 10 sections, I would like to be able to show 1, 4, 7 and 9.

    Or 2,4, 7 and 8.

    If a section is made shown, don't change the status of the other sections.

    If a section is made hidden, don't change the status of the other sections.

    Thanks

    Gene

  • Profile Image
    JotForm Support

    Answered by Nik_C on May 04, 2016 at 09:57 AM

    I'm not sure that this can be done, because collapse tab is used to show or hide multiple fields in it.

    I'm thinking like this:

    To use radio buttons that will hide/show multiple collapse tabs.

    You can check this form I created, it's just a test form:

    https://form.jotform.com/61236932613958

    So we set conditions that with checking specified option certain collapse tabs reveal.

    Could this option work for you by any chance?

    Thank you!

  • Profile Image

    Answered by GeneKempers on May 04, 2016 at 10:24 AM

    Nick_C

    Thanks for looking into this.

    I think the show-hide collapse method is getting too complicated and harder for the user to figure out what is going on.

    I love all of the functionality of the configurable list, but just need to figure out how to add up the qualities within the list so I can pass them on to the PayPal processing section of the form.

    Right now with the configurable list, the user enters the quantities they want for each design but must also add them up and enter them into the PayPal processing section.

    I really appreciate your responsiveness to my questions.

    Gene

  • Profile Image
    JotForm Support

    Answered by Charlie on May 04, 2016 at 11:43 AM

    Unfortunately, it is quite impossible for the configurable list widget to do calculation and be passed in the payment processors total field or section.

    I believe the best approach is to still used plain form fields because they work best using conditions and in calculations.

    Perhaps you could share us more on what you meant on this statement:

    For example:

    If I have 10 sections, I would like to be able to show 1, 4, 7 and 9.

    Or 2,4, 7 and 8.

    If a section is made shown, don't change the status of the other sections.

    If a section is made hidden, don't change the status of the other sections.

     

    If you can give us a step-by-step on how this works and what specific fields are involved, then we can try to check it out and see if it is possible using the conditional logic.

    To learn more about the conditional logic, you can check this guide: https://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic 

    To learn more about how to use the form collapse field, you can check this one: https://www.jotform.com/help/297-Show-or-Hide-multiple-fields-at-once-using-form-collapse-tool 

    We'll wait for your response.

  • Profile Image

    Answered by GeneKempers on May 04, 2016 at 01:29 PM

    Charlie,

    In my form called Show Hide Collapse, I have 5 designs available for user input.

    Most users only use the first one.  Maybe the first 2.

    Others want to have additional designs made with different sizes, colors, text messages, etc.

    Design 1 is outside the collapsible sections so design 1 always shows.

    If they press the show design 2 then design 1 and design 2 show.

    They can copy paste a field at a time from design 1 to design 2, etc.

    If they then press show design 3, I want all three to show so they can compare and copy paste as needed, etc.

    Eventually, I want all 5 designs to show if they need them to review before placing an order.

    Another option would be to have a radio button as follows:

    - Show 1 design. (Default)

    - Show 2 designs.

    - Show 3 designs.

    - Show 4 designs.

    - Show 5 designs.

    Thanks for your help.

    Gene

  • Profile Image

    Answered by GeneKempers on May 04, 2016 at 02:18 PM

    I added radio buttons in a group called Design Options in my form Show Hide Collapse with Radio Buttons form.

    -Show only 1 design.

    -Show 2 designs

    -Show 3 designs

    -Show 4 designs

    -Show 5 designs

    When I go to select show hide conditions the Design Options field show up, but not the radio buttons that I want to tie the conditions to.

    If show 2 designs is selected I want to show design 1 and design 2 and hide designs 3, 4 and 5. , etc.

    If show 3 designs is selected I want to show design 1, and 2 and design 3 and hide designs 4 and 5. , etc.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Charlie on May 04, 2016 at 02:25 PM

    I believe you can follow this guide: https://www.jotform.com/help/297-Show-or-Hide-multiple-fields-at-once-using-form-collapse-tool 

    Here's a cloned form that I made based on your form titled "Show Hide Collapse": https://form.jotform.com/61245480649965. Noticed that the form collapse is invisible but the function is still there. You'll also noticed the check box "Show another design?" for each design section. If you check it, it will display the next design section that is grouped by the form collapse field. You can clone my form to have a version of it in your account. Here's a guide on how to clone it: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    This is how I setup mine:

    1. First, I setup each form collapse field to Status=>Open and Visibility=>Hidden.

    2. Now each design section will have a check box that ask your users if they want to add another design. 

     

    3. I then made a conditional logic for each check box.

    Condition #1

    IF check box "Show another design (2)?" is equal to "Yes" Then display the form collapse for Design 2.

    Condition #2

    IF check box "Show another design (3)?" is equal to "Yes" Then display the form collapse for Design 3.

    Condition #3

    IF check box "Show another design (4)?" is equal to "Yes" Then display the form collapse for Design 4.

    Condition #4

    IF check box "Show another design (5)?" is equal to "Yes" Then display the form collapse for Design 5.

    Here's the list of conditions:

     

    Here's how one is setup:

     

    4. Now to make this work, you'll need to change some things in your Preferences:

    a. Set the "Clear Hidden Field Values" to "Clear on Being Hidden".

    b. You will also need to disable the Auto Fill feature.

     

     

     See if my works as you have expected. If you need more assistance and adjustment on this. Please let us know.

  • Profile Image

    Answered by GeneKempers on May 04, 2016 at 03:31 PM

    WOW,

    This is perfect.

    Thank You

    Gene