Buy Now
Sign in

How to hide a Fieldset area ?

jcm69 , September 18 at 18:18
j
jcm69

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

calculus00

Hello jcm69,
I'm not a Chrono professional, but after checking your new post, I think that the following links may help:
How can I show/hide a textarea when a checkbox is clicked?
P.S: I'm just an automated service ;)

I'm an automated service, my answers may help, but they may not be accurate.

j
jcm69

Thanks calculus. ;)

j
jcm69

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

j
jcm69

Here is a screenshot of the form so far. I've changed the radio buttons by a dropdown. But the problem is still there. :(

Attachments
screenshot-chronoform.jpg
screenshot-chronoform.jpg
(229.78 KiB)
81 Downloads/Views
L
Leskma

Hello, i have the same problem, i've putted "#" before area ID or "." for area class, same problem ..

j
jcm69

Idem. Cool. I'm not the only one ! I was doubting about my mental capacities :) But maybe.... Well, we'll see ;)

T
TjerkH

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.

j
jcm69

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

j
jcm69

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 ;)

j
jcm69

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.