Show/Hide multi field clicking a button

Hide and show a multi field with a button in ChronoForms.

Overview

The issue occurs when trying to toggle the visibility of a multi field's entire content, including its header and HTML, using a button event.
Add a button of type "button" to the form. In the multi field settings, enable the "Events" behavior and create a "Toggle shown" event triggered by the button click. For hiding header or HTML content, place them inside a container area and use the container's hidden behavior instead.

Answered
ChronoForms v7
ma marcosezequielmelgarejo 10 Sep, 2020
Hi, Im relative new with ChronoForms. My question is how to implement a button that shows/hide a multi field where I add some information. I add a button and a multi field, then in the interface of the multi field i create a event wich show/hide the content. But it doesn't work in the preview. Then i try two buttons and 2 events with this 2 button who shows or hide the content of the element in the multi field interface . But it doesn't work also. I clarify that the button/s are a button type
Max_admin Max_admin 11 Sep, 2020
First add the button to the form, it should have the type "button" if you need it to just toggle a field, In the "multi field" enable the "Events" behavior, then add an event, make it "Toggle shown", when the button is clicked!
​
we are working on some tutorial videos!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
jc jckant 04 Oct, 2020
I want to hide the complete content of a <Multi Field> and have the complete content shown by an <Event>. However when I activate <Hidden> in the Multi Field editing section the content is still shown. Is it possible to hide / show the complete content of a Multi Field, even <Header> and <HTML>?
Max_admin Max_admin 06 Oct, 2020
There is a bug in the hidden behavior for areas, I fixed this in the next update, for header or html code you better put them inside a Container area and use the Container area hidden behavior!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
jc jckant 06 Oct, 2020
Is there also a bug in in relating Events to <checkboxes> on another (previous) page? I don't seem to manage to realize that.
Max_admin Max_admin 06 Oct, 2020
the events are for fields on the SAME page, if the field is on a different page then it will have no effect!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
jc jckant 07 Oct, 2020
That's clear, thanks Max.
Max_admin Max_admin 27 Oct, 2020
Answer
this is fixed now in 7.0.5
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
jc jckant 27 Oct, 2020
I am not sure it works as it should. If I enable <Required>, <Events> and <Hidden> in a Multi Field and then activate <Hide> and <Disable Field(s) Validation> for a certain "if"-situation in another field on the page the form when submitted is not sent, the debug showing that the hidden field does not contain a value. And another thing, while in the same Multi Field the Field Layout is set as horizontal the form shows the fielkds in a vertical layout when <Events> has been enabled.
So it does not seem to be fixed completely.
​
Jan
Max_admin Max_admin 03 Nov, 2020
1 Likes
I need a test form to test this, please include a simple test form here and explain how to produce the problem!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.