How to setup form collapse tool in adding new items?

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.

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

Thank you!

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.

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

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.

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

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!

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

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.

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

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

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.

WOW,

This is perfect.

Thank You

Gene