{"id":39879,"date":"2024-12-03T16:37:09","date_gmt":"2024-12-03T11:07:09","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=39879"},"modified":"2024-12-03T17:15:41","modified_gmt":"2024-12-03T11:45:41","slug":"prevent-duplicate-icons-in-the-focused-view-of-the-side-pane-in-dynamics-365-crm","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2024\/12\/prevent-duplicate-icons-in-the-focused-view-of-the-side-pane-in-dynamics-365-crm\/","title":{"rendered":"Prevent Duplicate Icons in the Focused View of the Side Pane in Dynamics 365 CRM"},"content":{"rendered":"

\"Side<\/p>\n

Recently while working on adding a sidepane dynamically using code on my custom model-driven app, I encountered an issue that led to a double icon display when I clicked on the \u201cFocussed View<\/strong>\u201d button, which caused the UI to become cluttered and messy. In this blog, I\u2019ll walk you through the issue I faced, the solution I discovered, and the outcome of this approach. To know more about how to add or create a sidepane you can follow this link<\/a>.<\/p>\n

I was working on customizing the sidepane in my model-driven app, where the icon appears based on certain conditions when the page loads. But I noticed an unexpected behaviour while testing the functionality.<\/p>\n

Every time I clicked on the focussed view<\/strong> button (which switches the view of records in D365), the sidepane was displaying the same icon again as per the below screenshot.<\/p>\n

\"Side<\/p>\n

Essentially, it was creating a duplicate icon on the screen, causing the UI to look cluttered. The issue was that the code I was using to load the sidepane icon was being triggered multiple times, resulting in the duplicate icons that were overlapping and messing up the layout.<\/p>\n

After spending some time troubleshooting, I realized that the double icon issue happened because my code was being executed when switching between different views, such as when users clicked on the focussed view<\/strong> button. This was causing the same icon to be injected into the UI multiple times, leading to the duplicate icon problem.<\/p>\n

I looked into various potential solutions to prevent this from happening. I needed a reliable way to restrict the code from loading the icon again when the user was switching views.<\/p>\n

After some trial and error, I found a clean and simple solution. By adding a condition in my code to check the URL<\/strong> and the current page type, I could effectively restrict the sidepane icon from being loaded again when the focussed view<\/strong> button was clicked.<\/p>\n

Here\u2019s the code snippet I used:<\/strong><\/p>\n

if (parent.parent.location.search.indexOf('entitylist') > 1 && Xrm.Utility.getPageContext().input.pageType == 'entityrecord') {\r\nreturn;\r\n\r\n}<\/pre>\n