11-29-2019 07:23 AM
Hello,
I was doing the following script to open the AUP text on a modal window on the self register page. This script requires the user to open the terms and conditions to enable the "I agree to the terms and conditions" checkbox
<script src="customFiles/jquery-modal.js" type="text/javascript"></script><script> $( document ).ready(function() { $(".ui-checkbox").addClass("ui-disabled"); $("#aupAccepted").attr("disabled", "disabled"); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("rel", "modal:open"); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("target", ""); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("href", "#modal_terms"); $("a[href='#modal_terms'").on("click", function(){ $(".ui-checkbox").removeClass("ui-disabled"); $("#aupAccepted").removeAttr("disabled"); }); }); </script> <link href="customFiles/jquery-modal.css" rel="stylesheet"></link> <div class="modal" id="modal_terms" style="max-width:800px !important;padding:50px 40px 20px 20px;"> <!-- INSERT AUP TEXT HERE --> <a class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" href="#" rel="modal:close" style="line-height:28px">Close</a> </div>
The the ZIP file attached have two files that needs to be uploaded to ISE custom files (jquery-modal.js and jquery-modal.css).
The modal window have just one problem on Iphone captive browser. When open the window don't show the (X) to close and the button "CLOSE".I'm still trying to find a workaround for this.
Best regards
Solved! Go to Solution.
12-02-2019 10:14 AM
12-06-2019 03:03 AM
Hi,
As I said in the last mail, the close buttons are not working for all devices. Able to reproduce the issue even in Portal test URL.
To fix this issue please try the below scripts in Login and Registration page.
Login page
=========
<script> $( document ).ready(function() { if($("#modal_terms") != null){ $("#modal_terms").remove(); } }); </script>
Registration page
==================
<script src="customFiles/jquery-modal.js" type="text/javascript"></script><script> $( document ).ready(function() { $(".ui-checkbox").addClass("ui-disabled"); $("#aupAccepted").attr("disabled", "disabled"); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("rel", "modal:open"); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("target", ""); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("href", "#modal_terms"); $("a[href='#modal_terms'").on("click", function(){ $(".ui-checkbox").removeClass("ui-disabled"); $("#aupAccepted").removeAttr("disabled"); }); }); </script> <link href="customFiles/jquery-modal.css" rel="stylesheet"></link> <div class="modal" id="modal_terms" style="max-width:800px !important;padding:50px 40px 20px 20px;"> <!-- INSERT AUP TEXT HERE --> <a class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" href="#" onclick="$.modal.close();" rel="modal:close" style="line-height:28px">Close</a></div>
Also attached the modified jquery-modal.js file. Please try to do all the modifications and check whether it works as expected.
12-02-2019 10:14 AM
12-02-2019 10:16 AM
12-02-2019 10:48 AM
12-03-2019 04:08 AM
12-04-2019 01:10 AM
12-05-2019 03:46 AM
Hi,
When I tried to reproduce the issue, close buttons work fine in iphones as well as android for the first time. But when i try the same once after clicking on cancel button, i face the issue close buttons not working. When you click outside of modal window, window gets closed. So can you please confirm whether you are facing the issue only in iphones mini browser or facing issue in all devices once after clicking on Cancel button.
Thanks,
Sivakami.
12-06-2019 03:03 AM
Hi,
As I said in the last mail, the close buttons are not working for all devices. Able to reproduce the issue even in Portal test URL.
To fix this issue please try the below scripts in Login and Registration page.
Login page
=========
<script> $( document ).ready(function() { if($("#modal_terms") != null){ $("#modal_terms").remove(); } }); </script>
Registration page
==================
<script src="customFiles/jquery-modal.js" type="text/javascript"></script><script> $( document ).ready(function() { $(".ui-checkbox").addClass("ui-disabled"); $("#aupAccepted").attr("disabled", "disabled"); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("rel", "modal:open"); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("target", ""); $("a[href='AupView.action?from=SELF_REGISTRATION']").attr("href", "#modal_terms"); $("a[href='#modal_terms'").on("click", function(){ $(".ui-checkbox").removeClass("ui-disabled"); $("#aupAccepted").removeAttr("disabled"); }); }); </script> <link href="customFiles/jquery-modal.css" rel="stylesheet"></link> <div class="modal" id="modal_terms" style="max-width:800px !important;padding:50px 40px 20px 20px;"> <!-- INSERT AUP TEXT HERE --> <a class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" href="#" onclick="$.modal.close();" rel="modal:close" style="line-height:28px">Close</a></div>
Also attached the modified jquery-modal.js file. Please try to do all the modifications and check whether it works as expected.
12-06-2019 02:33 PM
Discover and save your favorite ideas. Come back to expert answers, step-by-step guides, recent topics, and more.
New here? Get started with these tips. How to use Community New member guide