cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
745
Views
0
Helpful
4
Replies

Hiding #datetimegrid when editing sponsored account of active user

scott.stapleton
Level 1
Level 1

I have my sponsor portal configured to only ask the sponsor to enter the number of days the account is required - no start and end date/time.

 

When editing the account of an existing guest, if the account has been created but is not yet active, only the number of days are displayed, as desired.

Edit account (created account).png

 

If however the user has already logged in and the account is active, the date and time information (#datetimegrid) is displayed.

 

Can someone suggest some javascript to hide this #datetimegrid information.

Edit account (active account).png

1 Accepted Solution

Accepted Solutions

Please try the below script in Sponsor portal Customization àCreate Account for Known Guests à Instructional Text

 

<script>

    $(document).on("pageshow", function(){

        setTimeout(function() {

            $('.dateTimeGrid').hide();

        }, 4000);

    });

</script>

 

 

Please let us know how it worked out for you 

View solution in original post

4 Replies 4

scott.stapleton
Level 1
Level 1

Anyone? :)

Please try the below script in Sponsor portal Customization àCreate Account for Known Guests à Instructional Text

 

<script>

    $(document).on("pageshow", function(){

        setTimeout(function() {

            $('.dateTimeGrid').hide();

        }, 4000);

    });

</script>

 

 

Please let us know how it worked out for you 

Is it possible to hide the date time grid but NOT hide from first login phrase?

 

Secondly, can I speed up how quickly the grid is hidden. Reducing it from 4000 doesn't seem effective.

would you send screenshot of final product

 

From my understanding, the ask is to hide the datetimegrid while editing the Guest user but not during create.
If so please use the below script in Sponsor portal Customization à Sponsor Portal Settings à Instructional Text

 

The time delay is 1000 below as well

 

<script>
    $(document).on("pageshow", function(){
        setTimeout(function() {
            $('.cisco-account-edit.ui-panel-right .dateTimeGrid').remove();
        }, 1000);
    });
</script>