|
jchandonnet
|
April 28, 2017 at 9:37 pm
Hi There,
I am trying to setup a waiver form that requires the attendee to scroll through the policy and agree to it. We’ve added a checkbox question which has the waiver form text and then the label for the checkbox is I Agree. Via CSS I’ve tried to set the max height of the question text to 200px and set overflow to auto. I’ve tried to add some javascript so that initially the I Agree checkbox is disabled and then after scrolling to the bottom, it is enabled.
This works in the chrome developer tools. When it’s added to the theme’s CSS and javascript is added to the page, it doesn’t work. I’ve checked the page source and iframe source and the CSS is there. I tried the jquery iframe onload suggestion but my code isn’t executed.
Any suggestions on setting this up?
Thanks for your help!
|
|
jchandonnet
|
April 29, 2017 at 10:18 am
After more digging, I’m seeing that the IDs of the question I’m trying to modify is changing… Now that I’ve changed the CSS to use the classes instead of the ID, I’m making progress.
|
|
Josh
|
May 1, 2017 at 2:58 pm
Hi there,
In the case reg form questions, you’re correct that the IDs change. The IDs are actually generated from that unique registration. So using a class name as a selector will work as you have found.
|
