Navigation by User Role

[PDSRQ]

I found this in the community forum: https://forums.caspio.com/topic/16540-navigation-menu-that-varies-by-user-or-user-role/#comment-44997

I ammended it below, but it doesn't work.   Does anyone have any ideas?  The table name is Sarasota_Users_1 and the filed is Role.  Different types of roles listed are :  Finance, Cost Center, Admin.  Thanks for any help you can provide as I am trying to add this to the header.  (Also, does anyone know if you could take the script below and make it an App?)

<div id='navMenuConditional'></div>

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
    
     if ('[@authfield:Sarasota_Users_1_Role]' == 'Finance') {
          document.querySelector('#navMenuConditional').innerHTML = '[@app:FiscalNavigation2022]'
       } else if ('[@authfield:Sarasota_Users_1_Role]' == 'Cost Center') { 
         document.querySelector('#navMenuConditional').innerHTML  = '[@app:CostCenterNavigation2022]'
       }

});
</script>

[TellMeWhy]

What is in your App Parameters? Can you screenshot it as well?

[PDSRQ]

Updated Script to show below, but it does NOTHING.  For a while when I didn't put the script, but put it in a conditional app, the only things that showed up was the @with the app name for the conditional menu, but if I post the script below, it is blank.  Very odd.

<div id="navMenuConditional"></div>
<script>
document.addEventListener('DataPageReady', function (event) {
    
     if ('[@authfield:Sarasota_Users_1_Role]' == 'Finance') {
          document.querySelector('#navMenuConditional').innerHTML = '[@app:FiscalNavigation2022]'
       } else if ('[@authfield:Sarasota_Users_1_Role]' == 'Cost Center') { 
         document.querySelector('#navMenuConditional').innerHTML  = '[@app:CostCenterNavigation2022]'
       }

});
</script>

[SinJunYoung]

Scripts here might help: https://howto.caspio.com/tech-tips-and-articles/common-customizations/create-user-specific-redirect-after-login/

[Kurumi]

Hi @PDSRQ - What is your HTML Code or Navigation in the App parameter? If it has line breaks or tab/double spaces - it would not work. I suggest using HTML compression to remove those spaces.

- https://www.textfixer.com/html/compress-html-compression.php
- https://www.willpeavy.com/tools/minifier/

On 1/18/2021 at 9:54 AM, PDSRQ said:

I found this in the community forum: https://forums.caspio.com/topic/16540-navigation-menu-that-varies-by-user-or-user-role/#comment-44997

I ammended it below, but it doesn't work.   Does anyone have any ideas?  The table name is Sarasota_Users_1 and the filed is Role.  Different types of roles listed are :  Finance, Cost Center, Admin.  Thanks for any help you can provide as I am trying to add this to the header.  (Also, does anyone know if you could take the script below and make it an App?)

<div id='navMenuConditional'></div>

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
    
     if ('[@authfield:Sarasota_Users_1_Role]' == 'Finance') {
          document.querySelector('#navMenuConditional').innerHTML = '[@app:FiscalNavigation2022]'
       } else if ('[@authfield:Sarasota_Users_1_Role]' == 'Cost Center') { 
         document.querySelector('#navMenuConditional').innerHTML  = '[@app:CostCenterNavigation2022]'
       }

});
</script>

[PotatoMato]

Hi! Just to update, Caspio has an article about custom navigation menu based on user role: https://howto.caspio.com/tech-tips-and-articles/customizing-navigation-menu-based-on-user-roles/

 

-Potato