hiding tab component based on custom role

[Vedavalli]

Hi

How to hide tab component based on custom role?

Thanks in advance

[Dr Atul G- LNG · Accepted solution]

Please share the screenshot where you want to do this.

[Dr Atul G- LNG · Accepted solution]

Please share the screenshot where you want to do this.

[Vedavalli]

Hi @Dr Atul G- LNG 

In UI Builder for the component it is showing visibility there it have script .How to hide this component based on custom role.

[dgarad · Accepted solution]

HI @Vedavalli 

• Select the component or container that needs to have a dynamic visibility
  
  
• In the config panel, click the visibility icon
  
  
  
• Click on the script icon
  
  
  
• Set the visibility condition
  
  

  /**
    * @param {params} params
    * @param {api} params.api
    * @param {TransformApiHelpers} params.helpers
    */
  function evaluateProperty({api, helpers}) {
    let user_roles = api.context.session.user.roles;
    let visibility_condition 
        = user_roles.includes("THE USER'S ROLE THAT SHOULD NOT SEE THE ELEMENT");
  	return visibility_condition;
  }​

  
  
   

[Vedavalli]

Hi @dgarad ,

It is working for OOTB roles but not working for the custom roles. For custom roles How can we achieve component hiding?

thanks in advance