Tuesday 5 September 2017

Move Managed Metadata Navigation position

How do we change Manage metadata navigation position in left panel

Last week one of my business validation session I faced a requirement where he wants to change the manage metadata navigation in top of the left panel. So we can achieve this by some customization with  jQuery in script webpart.

Steps
Below are the steps to follow the work around.

Step 1:  Open your list and click the gear icon. Click on the Edit page link.


Step 2:  Click 'Add a webpart' link and add new 'Script editor' webpart. 

Steps 3: Add blow link in your script editor:


$('.ms-tv-box').remove().prependTo($('.ms-core-sideNavBox-removeLeftMargin'));

Please note that you shouldn't add this within $(document).ready().
Why? The execution of the script would be end of the render and end user have to wait till full render of page for the solution. 

Steps 4: Save the web part and stop editing page.

 

 

No comments:

Post a Comment