CF8 - Show fields/containters based on radio selection

Show or hide form fields based on radio button selection in ChronoForms 8.

Overview

The issue is confusion about how to correctly configure event triggers and listeners to control field visibility dynamically.
Set an event trigger on the radio button group and corresponding event listeners on the fields or containers you want to show or hide, referencing the trigger.

Answered
ChronoForms v8
wi winchesterlyon 15 Aug, 2025

Hi.

I have a radio group that I would like a set of fields or containers to display based on selection.

I figure I will need to set up Event Triggers and Event Listeners, but I can't find any examples to show me which is to goes where.

I figure the Event Listeners should be set on the fields/containers that I want to hide/show, but, the Event Listener is asking for Triggers.

I've done this before in CF7 a few years ago, and I'm now trying to recreate that same form in CF8. All I need is an example of how to set this up, and I will be able to do this.

Any help would be greatly appreciated.

Pk Pkoll 15 Aug, 2025
Answer
2 Likes

Hi,

In the FAQs under chronoforms 8 you can find an example how to use trigger and listeners 

Good luck

Paul

wi winchesterlyon 15 Aug, 2025

Thanks Pkoll, but that page is confusing. The issue is that it shows the same "Textarea 14" in all the examples, and it doesn't set the stage by telling us the overall goal. I will try it, though.

Max_admin Max_admin 16 Aug, 2025
1 Likes

The Textarea 14 is the element to be hidden/shown using the Radio field Event, that's why it's used in the tutorial

And it does notes the overall goal:

we want to hide a textarea by default when the form is loaded, and show it if the user choose the 2nd option in a radio field

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
Post a Reply