I am trying to use the Events tab for a radio element. When the radio element value is 'Yes', another radio element would be enabled (or parent shown). Is this possible at all? It doesn't seem to work. Moreover, when I checked the generated html, I couldn't see the expected JavaScript.
I was able to make a similar scenario work. However, it was for displaying a text box element, based on a radio element selection. I can see the expected JavaScript for this scenario in the generated html file.
Thank you for your effort and time to help...🙂
I was able to make a similar scenario work. However, it was for displaying a text box element, based on a radio element selection. I can see the expected JavaScript for this scenario in the generated html file.
Thank you for your effort and time to help...🙂
Hi bilal.abdeen,
It should work provided that you show/hide parent and have the correct ID. You may need to check the form HTML to find the parent ID and use that with show/hide. The problem with radio button groups is that each button has it's own ID.
Bob
It should work provided that you show/hide parent and have the correct ID. You may need to check the form HTML to find the parent ID and use that with show/hide. The problem with radio button groups is that each button has it's own ID.
Bob
Bob,
Thank you for the feedback. I have changed the id's. However, it still does NOT work. Regardless of the id used, I cannot see the necessary JS code in the html file.
Please, find attached a screen shot of the configuration dialogue, and the generated html. In the html file, you will see the JS code, which "displays" the text code element (#form-row-othervolunteerarea). However, there is no JS code to "display" the 2 DIV's, which contain the 2 radio buttons, which I want to display (form-row-availabletovolunteeron & form-row-volunteerarea).
Thank you so much...
Thank you for the feedback. I have changed the id's. However, it still does NOT work. Regardless of the id used, I cannot see the necessary JS code in the html file.
Please, find attached a screen shot of the configuration dialogue, and the generated html. In the html file, you will see the JS code, which "displays" the text code element (#form-row-othervolunteerarea). However, there is no JS code to "display" the 2 DIV's, which contain the 2 radio buttons, which I want to display (form-row-availabletovolunteeron & form-row-volunteerarea).
Thank you so much...
Hi bilal.abdeen,,
The HTML file you attached is nearly unreadable as it seems to include line numbers and a table that is used to display the code i.e. a lot more than the page code.
Digging through it is looks as though you are using checkbox groups here - not radio button groups.
You are correct that the events code will not work correctly with checkbox groups because of the multiple values. You can use custom Javascript to show/hide other elements though. There are some examples in the forums here in the last few weeks.
Bob
The HTML file you attached is nearly unreadable as it seems to include line numbers and a table that is used to display the code i.e. a lot more than the page code.
Digging through it is looks as though you are using checkbox groups here - not radio button groups.
You are correct that the events code will not work correctly with checkbox groups because of the multiple values. You can use custom Javascript to show/hide other elements though. There are some examples in the forums here in the last few weeks.
Bob
I discovered that there is a new area for specifying events, which seem to work better than the event options available on the Layout tab for each element.
To clarify, I was using the following:
"Designer" tab -> "Layout" tab -> "Edit" an element -> "Events" tab
The new area, which seems to be more feature-rich, is accessible through:
"Designer" tab -> "Events" tab
I thought this can be useful for others who might come across this topic
Bilal Abdeen
To clarify, I was using the following:
"Designer" tab -> "Layout" tab -> "Edit" an element -> "Events" tab
The new area, which seems to be more feature-rich, is accessible through:
"Designer" tab -> "Events" tab
I thought this can be useful for others who might come across this topic
Bilal Abdeen
This topic is locked and no more replies can be posted.
