cancel
Showing results for 
Search instead for 
Did you mean: 
cancel

ISE Sponsor Portal Create Known Accounts Page Customization

1872
Views
6
Helpful
0
Comments

The following information is used to provide basic examples of customizing the ISE Sponsor Portal Create Known Accounts page.

 

For basic information on customization, getting started, please reference the ISE Web Portal Customization Guide

 

Note these examples will not work with the ISE Portal Builder 

 

 

 

 

How can i find out the element values?

You can see the fields under the portal language files (export them at the top right of the page). Or if you use chrome developer tools to decode the elements.

 

Hide the Create Known Accounts

A customer only uses random account and wants to hide this function from their sponsors.

Portal > Portal Page Customization > Sponsor portal settings> Instructional text.

 

Toggle into HTML paste the script and toggle out. Save the page

 

 

<script>
    setTimeout(function() {
        $('#createGuestsTabControls > ul > li.ui-block-a').hide();
        $('#createGuestsTabControls > ul > li.ui-block-b > a').trigger('click');
    }, 3000);
</script>

 

Reorder the first and last names

The following example can be used for Japanese use case where the last name should come before the first name.

 

  1. Navigate to Work Centers > Guest Access > Portals & Components > Sponsor Portal > choose your sponsor portal
  2. Under portal page customization choose Create Accounts for Known Accounts
  3. Under the instructional text field toggle into HTML.
  4. Paste in the script below
  5. Toggle out of HTML mode
  6. In the upper right, Save the page
  7. Click on the portal test URL to access the sponsor portal to see the changes

 

 

​<script>
jQuery(function(){
  setTimeout(function(){
  var first_name = jQuery('.firstName').parents().eq(1);
  var last_name = jQuery('.lastName').parents().eq(1);

  first_name.remove();
  last_name.after(first_name);  }, 1000);});

</script>

 

Create known account print only option (automatically)

 

Background

Some customers only prints guest accounts, they don’t use SMS or Email. In the portal settings, if SMS is not configured then its removed from the Notify pop-up. Unfortunately email is not a configurable option to be removed.

 

This script hides the email option for them, automatically checks the Print box and clicks OK. When the user clicks Notify it pops up still but then automatically goes to Print.

 

Configuration

 

Guest Access > Configure > Sponsor Portals > Customization

 

  • Put the script on the instructional text  for the Create Account for Known Guest page
  • IN mini-editor
  • Toggle into HTML
  • paste the script into notepad first to remove any formatting
  • Paste into mini-editor toggle out of HTML
  • Save page
  • Launch portal test URL to test!
<script>

 

            $(document).on('pageshow', '#createKnownAccountNotify', function(){

try{

       //hides the email checkbox

$("#createKnownAccountNotifyFormEmail").parent().hide();

}catch(e){}

try{

       //hides the copy me section

$("#createKnownAccountNotifyForm > blockquote").hide()

}catch(e){}

try{

//checkbox of print is disabled

setTimeout(function(){

$("#createKnownAccountNotifyFormPrint").prop("checked", true).checkboxradio('refresh');

//if there is no sms than just click “OK”

if($("#createKnownAccountNotifyFormSms").length==0){

       $($("#createKnownAccountNotify .dialog-action-buttons a")[1]).click();

}

}, 500);

 

}catch(e){

 

}

 

            });

 

</script>

 

Change the ending time, color and date format

 

On sponsor portal when we fill out Access Information for guest accounts, the system auto-populates an ending time of 23:59; to set ending time be  18:59 or any custom ending time,

Screen Shot 2018-01-22 at 1.35.15 PM.png

 

We need to go to portal page customization on sponsor portal and then go to sponsor portal settings and under "Instruction Text" click on "Toggle HTML source" and paste the below script

 

 

<script>

setTimeout(function() {

  $('.dateTimeGrid tr:nth-child(2) .colRight input').val('18:59');

}, 2000);

</script>

<script>

$("#availableGuestTypes").on('click', function(evt) {

  setTimeout(function(){

    $('.dateTimeGrid tr:nth-child(2) .colRight input').val('18:59');

  }, 3000);

});

</script>

<script>

$("a.ui_create_accounts_button").on('click', function(evt) {

  setTimeout(function(){

    $('.dateTimeGrid tr:nth-child(2) .colRight input').val('18:59');

  }, 3000);

});

</script>

<script>

$('#createKnownAccountsSummary [href="#page-create"]:last').on('click', function(){

  setTimeout(function(){

    $('.dateTimeGrid tr:nth-child(2) .colRight input').val('18:59');

}, 1000);

});

</script>

 

 

 

Screen Shot 2018-01-22 at 1.39.26 PM.png

 

 

Once this script is saved, if we login to sponsor portal and try to create any guest account, an ending time will show from

23:59 to 18:59

 

Screen Shot 2018-01-22 at 1.41.55 PM.png

 

 

For Guest Type: "Maximum devices that can be connected:5 | Maximum access duration: 5 days"  we would like to change the color so that it is more visible

 

Screen Shot 2018-01-22 at 1.49.03 PM.png

 

 

 

Here is script

We need to go to portal page customization on sponsor portal and then go to sponsor portal settings and under "Instruction Text" click on "Toggle HTML source" and paste the below script

 

 

<style>

 

body .guest-type-description {

 

    color: red;

}

 

</style>

 

 

 

Screen Shot 2018-01-22 at 11.58.19 AM.png

 

Hiding the Copy Me function and the password after the user is created

Customer who doesn't want password sent to the sponsor.

 

Notice how the copy me is greyed out and can't be used. See script and instructions below

image008.png

Password will also be removed from this page as well

image003.png

 

Insert the script under the Sponsor Portal settings page

image007.png

 

 

<script>

setTimeout(function(){

  var button = $('[href="#createKnownAccountNotify"]').parent();

  button.on('click', function(){    

    $('#createKnownAccountNotifyFormCopyMe').parent().hide(); 

  }) ;

$('#createButton').on('click', function(){

  setTimeout(function(){

    $('.approve-accounts-content .page_panel .summary_field:nth-child(2) .summary_field_value').text('');

  }, 3000);

})

}, 4000)

</script>

 

Also you can decrease that timeout (yellow marker to 2000 e.g.), if it slow.

 

Hiding notify and resend from create known accounts

For security options you may want to remove the ability to hide notify/resend account information. The use case behind this was for a customer to have 2 different portals with same sponsor group permissions. Under the optional content 2 for create known accounts you can try this javascript.

 

<script>
(function(){
   $(document).ready(function() {
                $(".ui_approve_accounts_button").remove();
                $(".ui_account_action_resend_button").remove();
               $(".ui_notices_button").remove();
               $('a[href="#createKnownAccountNotify"]').remove();
   });
})();
</script>

 

Restrict the email address entered when creating a known account

Use Case: customer doesn't want their employees creating guest accounts and sending to their corporate email address. They often enter it by mistake. The only people receiving guest accounts should be non company domain accounts.

 

Solution: this script restricts them from entering email addressed from known domain(s)

 

Please find the script for restricting particular domain in Email address field. Domain name can be given in the rejectList with comma separated if it is more than one.

 

Please try the below script in Sponsor portal customisation > Create Account for Known Guests > Instructional Text

 

domain1|domain2|domain3 can be replaced with the required domains. Any number of domains can be replaced.
 
Script will allow only the domains ("domain1","domain2","domain3") 
===================================================================
<script> 
    $(document).on("pageshow", function(){ 
        setTimeout(function() {
            $('.form-horizontal').validate();
            $(".personBeingVisited").rules("add",{customemailvalidator:true});
            $.validator.addMethod("customemailvalidator", function(value, element) {
                if(value == ''){
                    return true;
                }
                return /^(\w+\.?)+@(domain1|domain2|domain3)\.com$/.test( value );
            }, 'Enter a valid email address.');
                         
            $(".personBeingVisited").on("input", function (){
                $(".personBeingVisited").validate();
            });
        }, 5000);
    }); 
</script>
 
Script will allow all the other domains except the domains("domain1","domain2","domain3") 
====================================================================================
 
<script> 
    $(document).on("pageshow", function(){ 
        setTimeout(function() {
            $('.personBeingVisited').val("");
            var domains = ["domain1","domain2","domain3"];
 
            function validateDomain(me){
                var idx1 = me.target.value.indexOf("@");
                if(idx1>-1){
                    var splitStr = me.target.value.split("@");
                    var sub = splitStr[1].split(".");
                    if(domains.indexOf(sub[0])>-1){
                        me.target.value="";
                        alert("Enter a valid email address.");
                        return false;
                    }
                }
            }
 
            $(function () {
                $('.personBeingVisited').blur(function (ele) {
                    validateDomain(ele);
                });
            });
        }, 5000);
    }); 
</script>