Have you ever wanted to hide certain Navigational items that exist CRM forms? One request we get from time to time is whether or not it is possible to hide the Sub-Contacts menu item, see the image below, from the Contact Form. In fact, this is relatively easy to do. All you need is a basic understanding of HTML and JavaScript.
To Get Started, Follow the Instructions Below
Find the ID of the Sub-Contacts Section:
- Open A Contact in Microsoft CRM
- With the Contact Open, Press Ctrl + N to open the Contact in a new window
- In Internet Explorer Click View -> Source
- When the HTML opens in Notepad do a search for Sub-Contacts, results are in the image below
- Just before the highlighted text you will see: id="navSubConts", write down stuff between the "" signs.
Add the Javascript Below to the OnLoad Event of the Contact Form:
- Open CRM in the Web Client
- Click Settings -> Customization -> Customize Entities
- Double-Click the Contact Entity
- Click Forms & Views in the left-hand pane
- When the list of Forms & Views appear in the right-side, double-click Form
- In the right-hand pane, Click Form Properties
- Click OnLoad and Click Edit
- Paste the following Javascript in the box:
- document.getElementById("navSubConts").style.display = "none";
- Check the Enable Event checkbox
- Click Save & Close twice and then click Publish
Test The Script:
1. Open up a Contact in CRM, if you're script is working correctly the Sub-Contacts menu option should now be gone, just like the image below:
You can use this same technique to hide other menu items in not only the Contact form within CRM but in any of the other CRM Forms as well. Now you have more control over what the users can and can't do in CRM. The main key to getting this to work is finding the right ID value in the HTML code. I've noticed that most, if not all of the Navigation is stored with <div></div> tags. If you can find the correct ID, then the rest is pretty easy.