Caspio Knowledge Base Navigation Bar

[lengleng]

Hi, I'm testing out Caspio's Knowledge Base Application. I have the HTML Files, but I can't find the Navigation Menu code so I can change, and play with it? I've checked each HTML Files and it's not there? Where do I find this?

[TellMeWhy]

The code for the Navigation menu is not on the HTML, but on the JavaScript files since it's the most efficient way to do, and you can just call it using one line on every HTML Page.

1. Go to JS folder of the Application

2. Right-click on the file named 'common' and edit it using your desired Text Editor

3. You may look for the line 'function load_user_sidenavbar(active_nav)' for user navigation menu and 'function load_admin_sidenavbar(active_nav)' for the admin navigation menu. You can use Ctrl + F if the application supports that function.

Hope this helps!

[lengleng]

Thank you! I was able to find it now!
 

My problem now is how to change the icons, is this in CSS page?

[TellMeWhy]

That's good to hear @KweenYasmin!

Those icons are not in the CSS, but in the class, you may notice that it has classes like class="fa fa-plus ..." for the Add New or class="fa fa-gavel ..." for the hammer looking one.

Just change the fa-plus to any icon you want to. You should be able to see what class you should use for an icon in this website https://fontawesome.com/v4.7.0/icons/ . Try out plus or gavel, and you'll see the same

[lengleng]

Thank you for the super quick response!! I'll now be able to play with this more now that I know those things!

[NailDyanC]

Just want to add to the previous comments above, Caspio has an article about custom navigation menu based on user role that will help you customize your navigations depending on the role of a user: https://howto.caspio.com/tech-tips-and-articles/customizing-navigation-menu-based-on-user-roles/