Hide Component Based on Role | Community
Skip to main content

Hide Component Based on Role

  • April 2, 2024
  • 1 reply
  • 0 views
A

Hello! I am looking to hide recent_activity on the homepage based on the user role.  I do not want end-users to see this section, but leave it in place for Agents and Admins.  Any ideas on how to accomplish this?

      1 reply

      Pulkit12
      • Pulkit12
      • April 3, 2024

      Hi Alek

       

      Please go through the following steps to hide the recent_activity on the homepage for end users and available for the Agents and Admins.

      1. Go to the home_page.hbs file and search for the following “{{recent_activity}}” and then add the “hide” class on its wrapper.

       

       

       

      2. Then go to the script.js file and add the below code at the bottom 

      if (HelpCenter.user.role=="agent"){
    document.querySelector(".home-section.activity").classList.remove("hide");
 }
 if (HelpCenter.user.role=="manager"){
     document.querySelector(".home-section.activity").classList.remove("hide");
 }

       

      3. Add the below CSS at the bottom of your style.css file 

       

      .hide {
  display: none;
}

       

       

      Let me know if it solves your issue 

       

       

      Thank You 

       

      Pulkit

       

      Team Diziana

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

      Terms & ConditionsCookie settingsAccessibility statement