Comment on page

Hide custom text from specific groups

Summary
To display text only for specific user groups.
In this example, we are using groupID 999 which is the Guest Group.
<script>
    if(activeInfo.user.groupID !== 999){
        var cssSettings = `
            .hidden-for-non-guest {
                display: none;
            }
        `;
        $('#guest-css').html(cssSettings);
    }
</script>
<style id="guest-css"></style>
<div class="hidden-for-non-guest">
    <h1>You're a guest.  Please log in!</h1>
</div>
This is text everyone sees.
Steps
Open the Tab Editor and go to Homepage Items then finally select Custom HTML
Next you will Click which Custom HTML segment you want to use and Enableit then change the Minimum Authentication to the group you want to allow to see it.  Next you will copy the code from above and paste it into the box at the bottom.  Finally hit the 💾
 button.
Outcome
A User who is logged in
A User who is not logged in

Last modified 2yr ago