The following information is used to provide basic examples of customizing the ISE Sponsor Portal Manage 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
Swapping position of ok and cancel buttons
This is available in "Manage accounts", inside of modal windows, when you trying - suspend, extend some account etc...
Development said it might be slightly unstable due to limited options of timeout settings: Therefore limited support
Work Centers > Guest Access > Portal & Components > Sponsor Portals > Choose your portal
Portal Page Customization > Sponsor portal settings> Instructional text
<script>
var cancelButtons = [];
var okButtons = [];
setTimeout(function(){
$('.ui-grid-c li').on('click', function(){
setTimeout(function(){
$('.ui-controlgroup-controls a').on('click', function(){
setTimeout(function(){
var button = $('[data-role="button"]').find('.ui-btn-text');
for (i=0; i<=button.length; i++) {
if ($(button[i]).text() === 'Cancel'){
cancelButtons.push(button[i]);
}
if ($(button[i]).text() === 'Ok' || $(button[i]).text() === 'OK'){
okButtons.push(button[i]);
}
}
for (i=0; i<=okButtons.length;) {
var okButton = $($(okButtons[i]).parent().parent());
var cancelButton = $($(cancelButtons[i]).parent().parent())
okButton.insertBefore(cancelButton);
i++;
}
}, 200);
});
}, 2000);
})
}, 3000);
</script>
Allow only pending account management
This script will hide the create tab, manage tab and notification tab while remain the pending account tab. It will also make the pending account tab as the first page when they sign in.
Work Centers > Guest Access > Portal & Components > Sponsor Portals > Choose your portal
Portal Page Customization > Sponsor portal settings> Instructional text
<script>
setTimeout(function() {
$($('.cisco-navbar')[0]).hide();
$($('.cisco-navbar')[9]).hide();
$($('.ui_approve_accounts_button')[1]).click();
}, 300);
</script>
ISE Sponsor Portal Javascript to hide columns (pre2.2) - example email and phone number
For releases prior to ISE 2.2 we don't have the capability for the sponsor or an admin to be able to re-order or hide columns in the manage accounts tab. A customer required that their sponsors never be able to view the email and phone number. The following Javascript can be used to hide the email and phone number columns.
Work Centers > Guest Access > Portal & Components > Sponsor Portals > Choose your portal
Portal Page Customization > Create Accounts > Create Account for Known Guests >Optional Content 2
<script>
(function(){
jQuery(document).ready(function() {
//----------------Managed Accounts-----------------
jQuery(document).on('pageshow', '#'+cisco.ise.sponsor.pages.home.manageAccountsPageId,function() {
jQuery(jQuery(".manage-accounts-table th")[6]).hide();
jQuery(jQuery(".manage-accounts-table th")[5]).hide();
})
//handle table data loading in desktop for pending and manage guests
_handleTableDataUpdateOrig = cisco.ise.sponsor.pages.home.handleTableDataUpdate;
cisco.ise.sponsor.pages.home.handleTableDataUpdate = function(response, table){
_handleTableDataUpdateOrig(response, table);
//desktop view
jQuery(jQuery(".manage-accounts-table tr td:nth-child(7)")).hide();
jQuery(jQuery(".manage-accounts-table tr td:nth-child(6)")).hide();
jQuery(jQuery(".approve-accounts-table tr td:nth-child(7)")).hide();
jQuery(jQuery(".approve-accounts-table tr td:nth-child(6)")).hide();
jQuery.each(jQuery(jQuery(".approve-accounts-table tr td:nth-child(2) a")),function(i, a){
a = jQuery(a);
if(a.text().indexOf("@")!=-1){
var str = a.text().substr(0,a.text().indexOf("@"));
a.text(str);
a.parent().attr("title",str);
}
});
jQuery.each(jQuery(jQuery(".manage-accounts-table tr td:nth-child(2) a")),function(i, a){
a = jQuery(a);
if(a.text().indexOf("@")!=-1){
var str = a.text().substr(0,a.text().indexOf("@"));
a.text(str);
a.parent().attr("title",str);
}
});
}
//handle listview loading of mobile for manage guests
_handleListviewManageDataUpdateOrig = cisco.ise.sponsor.pages.home.handleListviewManageDataUpdate;
cisco.ise.sponsor.pages.home.handleListviewManageDataUpdate = function(response, listview){
_handleListviewManageDataUpdateOrig(response, listview);
//mobile view
clearLists(1,"manageAccounts");
}
//handle listview loading of mobile for approve guests
_handleListviewApproveDataUpdateOrig = cisco.ise.sponsor.pages.home.handleListviewApproveDataUpdate;
cisco.ise.sponsor.pages.home.handleListviewApproveDataUpdate = function(response, listview){
_handleListviewApproveDataUpdateOrig(response, listview);
//mobile view
clearLists(0, "approveAccounts");
}
function clearLists(usernameIndex, id){
jQuery.each(jQuery(".wrap.ui-li-desc"),function(i, item){
if(jQuery(this).contents()[2].nodeName.indexOf("text")!=-1){
jQuery(this).contents()[2].nodeValue="";
}
})
var items = jQuery("#"+id+" .ui-listview .ui-link-inherit");
jQuery.each(items, function(i, item){
item = jQuery(item);
var username = item.contents()[usernameIndex];
if(username.nodeValue.indexOf("@")!=-1){
username.nodeValue = username.nodeValue.substring(0,username.nodeValue.indexOf("@"));
}
});
}
//----------------Approve Accounts-----------------
jQuery(document).on('pageshow', '#'+cisco.ise.sponsor.pages.home.approveAccountsPageId,function() {
jQuery(jQuery(".approve-accounts-table th")[6]).hide();
jQuery(jQuery(".approve-accounts-table th")[5]).hide();
})
//----------------Details Panel--------------------
_populateKnownSummaryContainerOrig =
cisco.ise.sponsor.pages.home.populateKnownSummaryContainer
cisco.ise.sponsor.pages.home.populateKnownSummaryContainer = function(response, panel, hideEmpty){
jQuery.each(response.values,function(i, item){
if(item.name=="emailAddress" || item.name=="phoneNumber"){
item.name="____";
}
if(item.name=="username"){
if(item.value.indexOf("@")!=-1){
item.value = item.value.substr(0,item.value.indexOf("@"));
}
}
});
_populateKnownSummaryContainerOrig(response, panel, hideEmpty);
}
//--------------Edit Guest Panel--------------------
jQuery( "body" ).bind( "editAccessCreated", function() {
jQuery("#editGuestPanelContent [key='emailAddress']").hide();
jQuery("#editGuestPanelContent [key='phoneNumber']").hide();
var username = jQuery("#editGuestPanelContent span:first");
if(username.text().indexOf("@")!=-1){
var str =username.text().substr(0,username.text().indexOf("@"));
username.text(str);
}
});
//remove email sort options from mobile listviews
jQuery(".sortByPopUp li [sort-by='email']").parent().remove();
})
})();
</script>
Manage Accounts as a start page
this script will direct users to the manage account when they login
Please try this script for Sponsor Portal under Create Account for Known Guests > Instructional Text.
Toggle into instructional text, paste the code, toggle out and save.
If it loads too slow try shortening the timeout value
<script>
setTimeout(function() {
$('a.ui_manage_accounts_button').trigger('click');
}, 1500);
</script>
... View more
