Hi Amit,
There is no direct option to hide nav and topbar in UCI.
You could run following script on your account form
(Account for Interactive experience form if you would like to hide form in customer service hub as your screenshot) at its onload event.
function hideNavAndTop() {
if (Xrm.Internal.isUci()) {
var globalContext = Xrm.Utility.getGlobalContext();
globalContext.getCurrentAppProperties().then(
function(success) {
var app = success.uniqueName;
if (app === "Customerservicehub") {
var cssRules = '';
cssRules = 'nav[aria-label="Navigate Dynamics 365"] { display:none; }';
cssRules = 'div[data-id="topBar"] { display:none; } ';
var styleElement = document.createElement('style');
styleElement.appendChild(document.createTextNode(cssRules));
parent.document.getElementsByTagName('head')[0].appendChild(styleElement);
}
},
function(error) {
console.log("error:" error);
}
);
} else {
console.log("not in UCI.");
}
}
It will inserts 2 css rules to page to hide corresponding elements.
Please read the tutorial for how to add javascript in USD:
https://carldesouza.com/calling-javascript-functions-in-unified-service-desk-running-unified-interface/
However, a potential issue would be that you would lost navigation if you hide these important menus.
Regards,
Clofly
