Miscellaneous vTiger issues
  • 1. How to remove the side menu from the CRM
  • 2. How to check the PHP version of your CRM system?
  • 3. Steps to fortify VTiger security
  • 4. Charts do not populate in the Projects module
  • 5. How to increase the scheduled workflow limit (by default its 10) in Vtiger CRM
  • 6. How to find a custom field number by its name in CRM and vice versa
  • 7. How Decimal Places work in Vtiger CRM
  • 8. How to move a module from one category to another
  • 9. Configuring Tax Region and using it in Vtiger
  • 10. How to add and remove columns of a related module
  • 11. Can I add tax filer number on the invoice?
  • 12. Extending character limit for description field in opportunities
  • 13. How to search records excluding records assigned to a specific user
  • 14. Percentage Field not showing decimal values
  • 15. Cannot change the privileges (read only, write, invisible) for the field
  • 16. Saving a record showing error
  • 17. Follow Feature working and customizations related to it
  • 18. Why CRM gets slower
  • 19. How to remove the user from the Vtiger marketplace login
  • 20. How to Remove Quick Create For Individual Standard & Custom Modules In VTiger
  • 21. Remove Certain Modules From Related Module List On The Record In VTiger
  • 22. Change Default Terms And Conditions For Invoice/Quote/Sales And Purchase Order In VTiger
  • 23. How the new ticket is always assigned to specific group by default
  • 24. Why can't we seem to find the add mailbox button in the mail converter?
  • 25. How to turn off the counter label from the related modules
  • 26. How to rearrange different module in Vtiger
  • 27. How To Calculate Birthday And Send Email In Vtiger
  • 28. How To Add Tags To Any Record In VTiger
  • 29. How To Install Vtiger CRM
  • 30. How to Setup and Configure Vtiger Customer Portal Module
  • 31. Merge Tags/Description Not Working In Email Template (Vtiger 8.3 Bug)
  • 32. How To Generate Purchase order from Sales Order
  • 33. How To Troubleshoot Email Workflow In Vtiger
  • 34. Lists/Filters: Field sequence changes when a List is being edited(Affects all 6.x - 8.x version)
  • 35. Quickly Update List Columns In VTiger
  • 36. Efficiently Manage Your Tasks In VTiger
  • 37. Change Column Order On Related Modules In VTiger
  • 38. How To Make Email Avoid Going To Spam.
  • 39. Customize Vtiger CRM Navigation Bar
  • 40. Office 365 Outgoing Server Sends Special Characters
  • 41. VTiger Standard Relationship Between Different Module
  • 42. Currency Management in Vtiger CRM.
  • 43. Inventory Deduction In Vtiger.
  • 44. Picklist Dependency Setup Has Enhanced The Contemporaneity Of Vtiger
  • 45. Vital Role of “Roles” In a Company’s Success
  • 46. Analysis Of Module Layouts And Fields In VTiger
  • 47. Understanding The Basics Of Vtiger’s Gantt Chart
  • 48. How To Get "Rounded Edges" To Background Colored Text In VT8.X
  • 49. Put Vtiger Into Service To Configure Business Hours For Multiple Time Zones
  • 50. Make Your Clicks Worthwhile By Assigning “Tags” To Vtiger Records
  • 51. Perform Promising Actions On Dropdown Field Menus Wielding VTiger Picklist Editor
Powered by GitBook
On this page
  • File definitions
  • Example
Export as PDF

39. Customize Vtiger CRM Navigation Bar

Previous38. How To Make Email Avoid Going To Spam.Next40. Office 365 Outgoing Server Sends Special Characters

Last updated 1 month ago

Any CRM’s primary goal is to improve user experience, and navigation bar/Top bar is one of the most prominent area that appears on every page. The same applies to VTiger CRM. A sloppy navigation bar makes the CRM hard to navigate, while wasting a lot of useful on the screen. This in turn deteriorates the purpose of having a UX-friendly Navigation bar – at all. Navigation bar should be simple, yet accommodate all the elements that are helpful for the users to navigate through the CRM system. In this article we will look at how to customize VTiger CRM’s navigation bar/top-bar with its icon and content and use it to its fullest potential.

The process in a nutshell is:

1. Download file

2. Copy to Server

Copy the newly extracted files and past them to the following files vtigercrm/layouts/v7/modules/Vtiger/partials/CustomTopBarInfoIcon.tpl vtigercrm/layouts/v7/modules/Vtiger/partials/CustomTopBarInfoIconContent.tpl

3. Modify Vtiger Topbar.tpl

Next, modify the VTiger CRM’s topbar files: > Go to the file: vtigercrm/layouts/v7/modules/Vtiger/partials/Topbar.tpl > Near the end of the file, look for last “</ul>” (should be the last one in the file. there are total of 3 “</ul>” in the same file.) > Insert line after and add this: {include file=”modules/Vtiger/partials/CustomTopBarInfoIcon.tpl”

4. Clear Cache

File definitions

a) CustomTopBarInfoIcon.tpl: adds the icon + “container” for the content. b) CustomTopBarInfoIconContent.tpl: is the “html” file. (.tpl work same as .html).

Example

Here is an example, the navigation bar is customized and icon ” ℹ ” is added

Upon clicking, it will show the content of the newly added element

This whole process shows how can you customize VTiger CRM’s navigation bar.

Space
Miscellaneous vTiger issues

Article

Customize Vtiger CRM Navigation Bar

Moved By

Chris (April 21, 2025)

This first step is to download and extract the files that will be required to modify the top navigation bar in VTiger. You can download the files from this

Clear the cache by using CRTL+F5 or using .

Link
this method