Hello,
I have a first container (container00) that contains a radiobox (name=choix_prog) with two options: OUI or NON. On this radiobox, I defined three triggers:
-
Document Ready →
hide_container01 -
Value IN "OUI" →
show_container01 -
Value IN "NON" →
hide_container01
So when the user clicks OUI, the container container01 is displayed. That part works fine — the event listeners show_container01 and hide_container01 are triggered correctly.
Inside container01, I have another radiobox (name=choix_selection) with three possible values:
-
CLAS = Sélection perso
-
PACK = Pack
-
CENT = Centrale
I also defined event listeners and event triggers for this second radiobox.
The expected behavior is:
-
When the user selects CLAS, only
container_classhould be visible. -
When the user selects PACK, only
container_packshould be visible. -
When the user selects CENT, only
container_centshould be visible.
However, I cannot control the visibility of these three containers — they are always visible, no matter what I do.
What is the best way to configure this behavior? I’ve tried several setups, but nothing seems to work for this second radiobox.
How do you hide the 3 containers inside the container01 ?
Hello,The 3 containers are not inside the container01
Here are the details of my configuration: I have 5 containers: Container00 contains a radiobox named “je_choisis_ma_selection_magasin” with choices YES/NO. je_choisis_ma_selection_magasin > Event Triggers:
-
Document Ready → hide_container01
-
Value In “YES” → show_container01
-
Value In “NO” → hide_container01
Container01 contains a radiobox named “magasin_formule_au_choix” with choices CLAS / PACK / CENT. Container01 > Event Listener:
-
show_container01 → Show
-
hide_container01 → Hide
magasin_formule_au_choix > Event Triggers:
-
Value In “CLAS” → show_clas
-
Value Not In “CLAS” → hide_clas
-
Value In “PACK” → show_pack
-
Value Not In “PACK” → hide_pack
-
Value In “CENT” → show_cent
-
Value Not In “CENT” → hide_cent
ContainerCLAS > Event Listener:
-
show_clas → Show
-
hide_clas → Hide
ContainerPACK > Event Listener:
-
show_pack → Show
-
hide_pack → Hide
ContainerCENT > Event Listener:
-
show_cent → Show
-
hide_cent → Hide
Example of use:
If I choose YES, container01 is displayed → ✅ Then I choose CLAS, container CLAS is displayed → ✅ Then I choose PACK, container PACK is displayed → ✅ Then I choose CENT, container CENT is displayed → ✅ Then I choose NO in the first radiobox
-
container01 disappears → ✅
-
container CENT remains visible → ❌
Why? I would like to point out that the three containers are not sub-containers of Container01
Why would Container Cent be hidden when you hide Container01 ? if you want this to happen then run all the "hide" triggers when Container01 is hidden
AND, you should have different hide triggers for "Document Ready" and "Value In NO", this is because all the Trigger conditions must be met for the trigger to run, and this is not the case in your setup, but it works because you have ChronoForms on WP which is not the latest update like Joomla I think, so for future compliance you need to have 2 triggers.
Like this:
Document Ready -> hide_load
Value In No -> hide_no
Then you can listen t both of them in the listener
Thanks, it works fine !
