Buy Now
Sign in

Chronoforms v6 show / hide settings

Bouchal , February 09 at 16:40
Answered
B
Bouchal
Hello,
I need to make a form showing a lot of fields based on other fields, like this:

Type1 shows the "Choose_color1" field and hides the others

Type2 displays the "Choose_color2" field and hides the others

Type3 displays the "Choose_color3" field and hides the others
Type4 shows the "Choose_color4" field and hides the others
Type5 shows the "Choose_color5" field and hides the others
Type6 displays the "Choose_color6" field and hides the others
Type7 shows the "Choose_color7" field and hides the others

Now, i do this:

Type1 show Select_color1
Type1 hide Select_color2
Type1 hide Select_color3
Type1 hide Select_color4
Type1 hide Select_color5
Type1 hide Select_color6
Type1 hide Select_color7
and same setting for all next type...

- this procedure is ok for simple forms.
but now I would have created bigger form with many setting and this procedure is awful.
Is there some simplify procedure?
Something like: Type1 "show" Select_color1 and the other "hide" ..?
Thank you for your help!
admin
Hi Bouchal,
The "Identifier" field can accept multiple selectors in multiple lines, so your hide rules can be briefed in 1 hide rule with multiple ids:
select_color1​
​select_color2​
​...
OR you can group your fields using classes, and use the class the target them instead of the id, the above situation would be:
.select_color_fields_2_7
Best regards
Max
If your main question got answered then please mark the answer using the button!​

Please let us know if you have any problems with the new forums text editor, we appreciate your feedback!
H
Henged
Hello,
I am trying to show text when radio button is selected and hide it when it is unselected. I found out only how to hide it, but i need it to be hidden from the start and show after button selected. I tried enter visibility:hidden or display:none in div style, but it does not work. Maybe someone know solution?Test.jpg
div.jpg
Attachments
Test.jpg
Test.jpg
(47.32 KiB)
16 Downloads/Views
Test.jpg
Test.jpg
(47.32 KiB)
25 Downloads/Views
div.jpg
div.jpg
(162.92 KiB)
29 Downloads/Views
GreyHead
Hi Henged,
Does it work if you add the CSS directly to the <div> tag in the HTML element?
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much
H
Henged
Thank you for replay. Yes, I can hide element with CSS, but event action "Show" does not show it. I don't know how "Show" works so i can't hide right element.hid.jpg
Attachments
hid.jpg
hid.jpg
(78.26 KiB)
21 Downloads/Views
GreyHead
Hi Henged,
I experimented with this but could not find a way to get it to work. Please ask Max to take a look using the Contact Us menu above and linking to this thread.
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much
H
Henged
Thank you, I wrote to Contact Us, but found solution myself, I have to use display:none in div, like this
<div id="X" style="display:none">​
​ <p>This is a paragraph.</p>​
​</div>
All works!