JavaScript to hide left navigation from form in CRM 2011

Question: How to Hide Left Navigation?
Answer: Here in CRM 2011 two options are available to hide left navigation Item pane

Option 1:

• Open CRM form customization screen
• Click on “Form Properties” button in  ”Form” tab
• Go to “Display” tab and uncheck “Show navigation items” (Refer screen below)
• Save & Publish

After this setting “Open” the form and you will get form without “Navigation” section 

Option 2:

Left navigation item pane divided in multiple categories, all are listed here

1 hide the left navigation pane

document.getElementById(“crmNavBar”).parentElement.style.display = “none”;

after hiding the crmform’s content panel moves to left
to set it back to full width set the colspan
document.getElementById(“tdAreas”).parentElement.parentElement.parentElement.parentElement.colSpan = 2;

2 hide the related section and the table below it.

document.getElementById(“crmFormNavSubareas”).parentElement.style.display = “none”;

document.getElementById(“crmFormNavSubareas”).parentElement.parentElement.previousSibling.style.display = “none”;

3 hide the section Item

Xrm.Page.ui.navigation.items.get(“navActivities”).setVisible(false);

Xrm.Page.ui.navigation.items.get(“navActivityHistory”).setVisible(false);