Support

November 6, 2018 at 8:52 am

https://training.paulmitchell.edu/eventinfo/texture/

Start Registration, then on the Form the question is:
“Attending 3rd Day Certification?”
“Select Certifying Level” should hide unless YES is selected for “Attending 3rd Day Certification?”

Thanks Josh!

November 6, 2018 at 11:34 am

Hi Josh – This is the code and obviously not working/correct.
I think you wrote this for EE3 not EE4, and it was for a text field.
Also I am using a Plugin Called “Snippets” to load the code easier.

//* Please do NOT include the opening php tag, except of course if you’re starting with a blank file
// change 105 to match your text field question ID
// change 104 to match your dropdown select question ID
function ee_custom_show_question_conditionally() {
wp_add_inline_script(
‘validation’,
‘jQuery( document ).ready(function($) {
var text = $(“#ee-single-page-checkout-dv div[id*=\’ee_reg_qstn-27-13\’]”);
$(text).hide();
$(“.ee_reg_qstn-27-14”).change(function() {
$(this).val() == “other” ?
$(text).show() :
$(text).hide();
});
});’
);
}
add_action( ‘wp_enqueue_scripts’, ‘ee_custom_show_question_conditionally’, 11 );

November 6, 2018 at 12:58 pm

Hi Josh – Thanks for your help this worked great.
To save you and others time, I made some code changes to your snippet and added detailed instructions as most of us are not as Sharp as you!
I also made it so the Question shows if they change back, and hid the entire DIV of the question. I hope this contributes.
I am all set thank you again!
**********************************************

/* Please do NOT include the opening php tag, except of course if you’re starting with a blank file

To hide or Show an Entire Question (Conditional Logic) follow these steps:

1. Build Questions In EE4 Registration Forms.
2. Add to Question Group.
3. For event in question open the form (Go thru registration so you see the form live)
4. Identify the Logic question – (The Question that will Determine if the next question will show)
5. In Google Chrome Browser Right Click right on the Question and hit INSPECT
6. Look for the CSS ID of the Select Box, Check Box, etc. It will be in the form: ee_reg_qstn-XX-YY where XX is the Group, and YY is the Question ID (USE THE CSS ID “#” NOT CLASS “.”
7. In this example the *Dropdown* question div class is #ee_reg_qstn-32-14
8. The next step is to identify the DIV CLASS (The entire Div you want to hide) in the form.
9. In Google Chrome Browser Right Click on the Question to hide and hit INSPECT
10. In this example the DIV CLASS is .ee-reg-qstn.ee-reg-qstn-13-input-dv.ee-select-input-dv (USE THE CSS CLASS “.” not ID “#”
11. The value to evaluate is the #ee_reg_qstn-XX-YY value in this example it was “Yes”

*/

function ee_custom_show_question_conditionally() {
wp_add_inline_script(
‘ee_form_section_validation’,
‘jQuery( document ).ready(function($) {
var text = $(“.ee-reg-qstn.ee-reg-qstn-13-input-dv.ee-select-input-dv”);
$(text).hide();
$(“#ee_reg_qstn-32-14”).change(function() {
//Uncomment Below to Test value of Question so you can put in the IF statement “Yes” in this example
//var test=$(this).val();
//Uncomment Below to Show the Value to the browser
//alert(test);
$(this).val() == “Yes” ?
$(text).show() : $(text).hide();
});
});’
);
}
add_action(‘wp_enqueue_scripts’,’ee_custom_show_question_conditionally’, 11);

November 7, 2018 at 7:46 am

Hopefully this is cleaner
<script src=”https://gist.github.com/dangbird/23829b1da91741c0b678bd0de147de05.js”></script>