Buy Now
Sign in

Chronoforms v6 show / hide settings

Bouchal , February 09 2018, 16:40
B
Bouchal 4
February 09 2018, 16:40 #375184
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 27
February 10 2018, 14:59 #375214
 1
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 13
February 15 2018, 20:56 #375411
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)
376 Downloads/Views
Test.jpg
Test.jpg
(47.32 KiB)
435 Downloads/Views
div.jpg
div.jpg
(162.92 KiB)
512 Downloads/Views
GreyHead 64
February 16 2018, 10:38 #375421
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 13
February 16 2018, 11:14 #375429
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)
452 Downloads/Views
GreyHead 64
February 16 2018, 13:06 #375435
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 13
February 16 2018, 20:57 #375474
 Answer
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!