Forums

How to hide a Fieldset area ?

jcm69 18 Sep, 2017
Hi
I want to use 2 radio buttons to show/hide 2 fieslset areas. I tried to use the Events of the Radiobutton area but that doesn't work. If I change the Element(s) Identifiers and enter the name of a text field, it works perfectly. Is it illegal to put a Fieldset id in the Events ? What is the way to do it legally ?
Thanks in advance,
jc
jcm69 19 Sep, 2017
Thanks calculus. 😉
jcm69 19 Sep, 2017
1 Likes
In fact, the problem is not the same. I can show/hide textarea. After trying many things, I have the impression that it is not possible to directly show/hide areas. It only works with basic fields (text fields, textarea, checkboxex etc.). If you want to hide/show an area you've got to hide/show all the fields that it contains.
I hope somebody will tell me I'm wrong !🙂
Cheers,
jc
jcm69 19 Sep, 2017
Here is a screenshot of the form so far. I've changed the radio buttons by a dropdown. But the problem is still there.😟
[attachment=109093_20170919160900_screenshot-chronoform-jpg.jpg][/attachment]
Leskma 19 Sep, 2017
Hello, i have the same problem, i've putted "#" before area ID or "." for area class, same problem ..
jcm69 19 Sep, 2017
Idem. Cool. I'm not the only one ! I was doubting about my mental capacities🙂 But maybe.... Well, we'll see😉
TjerkH 26 Sep, 2017
I also have the same question. Tried also to give the fieldset a class and call this class in the events, but this is unfortunately also not working.
jcm69 04 Oct, 2017
for Text Fields, type "titi" in the Container Class field in the Advanced Tab. Then, using a button, go to Event and create an event that hides ".titi". That way, clicking on the button will hide the Text Field.
TIP : use the developer tools (if using FF ou Chrome) and try to see if you see a class definition around the thing you want to act on.
HTH
jc
jcm69 04 Oct, 2017
To destroy a field set, give it a name in the ID field of its General Tab. In a button that will destroy it, create an event OnClick, Hide, #area_field_7. Shown here https://screenshots.firefox.com/t8S9OsFx4XYv1PtL/127.0.0.1 . I don't know for how long... First time I use this.
Remember : Dev Tools is your friend😉
jcm69 20 Oct, 2017
Important note : it works for Multifield area bit NOT for Fieldset area.
Multifield areas are constructed as div while Fieldset areas use the CSS fieldset. Apparently CF doesn't apply the hidden style to fieldsets. Too bad.😟
See : the screenshot
If you click on National, the Multifield area disappears but Fieldset area stays here.
This topic is locked and no more replies can be posted.