Title: Collapsing Fields
Last modified: August 19, 2020
---
# Collapsing Fields
* Resolved [erdalf](https://wordpress.org/support/users/erdalf/)
* (@erdalf)
* [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/)
* Hello. First time installing a wordpress, a wordpress plugin and your very usefull
plugin. I’m kind of an amature at this. But I’ll cut it short.
* I’ve looked everywhere along your documentations and this support section. I’ve
used the search function aswell but couldn’t find out about this.
* Is there a way to make a field set, div or form collapseable? Does it require
javascript which makes it impossible to do within the plugin or can it be done
with CSS?
* [http://conquerorsabacus.online/wp-content/uploads/2020/08/chrome_lFyYCRHMQj.png](http://conquerorsabacus.online/wp-content/uploads/2020/08/chrome_lFyYCRHMQj.png)
* Here is an example. Its a div with 4 columns that can be collapsed when you click
on the resources. Thank you, have a great day!
* The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcollapsing-fields-2%2F%3Foutput_format%3Dmd&locale=en_US)
to see the link]_
Viewing 5 replies - 1 through 5 (of 5 total)
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/#post-13282536)
* Hello [@erdalf](https://wordpress.org/support/users/erdalf/)
* Checking the screenshot and your form, I assume you want to transform the fieldset
as collapsible. There are different methods to do it, however, a very simple
alternative would be:
* 1. Enter the following style definition into the “Customize Form Design” attribute
in the “Form Settings” tab ([https://cff.dwbooster.com/images/documentation/form-settings-tab.png](https://cff.dwbooster.com/images/documentation/form-settings-tab.png))
* ```
#fbuilder .cff-container-field fieldset .fields{display:none;}
#fbuilder .cff-container-field fieldset legend{cursor:pointer;}
```
* 2. Insert a “HTML Content” field in the form with the following piece of code
as its content:
* ```
```
* If you need additional customizations in your form, you should contact me directly
through my private website: [Custom Coding Service](https://cff.dwbooster.com/customization)
* Best regards.
* Thread Starter [erdalf](https://wordpress.org/support/users/erdalf/)
* (@erdalf)
* [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/#post-13282881)
* Wow that did work. Thanks a lot! I will use your website for additional customizations.
* Also a quick question. Can I disable selection? When I click on the button to
collapse the fieldset it sometimes highlights the text.
* I’ve tried the following :
* ```
#fbuilder .cff-container-field fieldset .disable-select{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
```
* Edit: Nevermind I managed to do it by removing “.disable-select”.
I’ll be sure
to check out your website for customization. Thanks!
* Good day!
- This reply was modified 5 years, 8 months ago by [erdalf](https://wordpress.org/support/users/erdalf/).
- This reply was modified 5 years, 8 months ago by [erdalf](https://wordpress.org/support/users/erdalf/).
- This reply was modified 5 years, 8 months ago by [erdalf](https://wordpress.org/support/users/erdalf/).
* Thread Starter [erdalf](https://wordpress.org/support/users/erdalf/)
* (@erdalf)
* [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/#post-13301098)
* Hello! I see you have added collapsibles into the plugin. I am currently using
them instead of my version because its more simplified. However I have a question.
How can I make them not collapsed by default but visible by default with the
option to collapse them? AKA reverse the toggle?
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/#post-13301129)
* Hello [@erdalf](https://wordpress.org/support/users/erdalf/)
* Insert a “HTML Content” field in the form with the following piece of code as
its content:
* ```
```
* Best regards.
* Thread Starter [erdalf](https://wordpress.org/support/users/erdalf/)
* (@erdalf)
* [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/#post-13305496)
* Thanks a lot! It worked!
Viewing 5 replies - 1 through 5 (of 5 total)
The topic ‘Collapsing Fields’ is closed to new replies.
* 
* [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
* [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
* [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
* [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)
## Tags
* [collapse](https://wordpress.org/support/topic-tag/collapse/)
* [div](https://wordpress.org/support/topic-tag/div/)
* 5 replies
* 2 participants
* Last reply from: [erdalf](https://wordpress.org/support/users/erdalf/)
* Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/collapsing-fields-2/#post-13305496)
* Status: resolved