Hide costum tabs on ui builder - workspace
Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
7 hours ago
Hi,
I'm tring to hide 3 tabs that I've created on workspace (SIR module) and I can't do it even with a client script on the ui builder. This is my code:
/**
* @Param {params} params
* @Param {api} params.api
* @Param {any} params.event
* @Param {any} params.imports
* @Param {ApiHelpers} params.helpers
*/
function handler({ api, event, helpers, imports }) {
const c = api;
if (!c.data) return;
function setTabVisibility(tabLabel, visible) {
let attempts = 0;
const maxAttempts = 20; // circa 4 secondi
const interval = 200; // ogni 200ms
const timer = setInterval(() => {
attempts++;
// Cerca il pane "left"
const leftPane = document.querySelector('.left-pane');
if (!leftPane) return; // se non esiste ancora, riprova al prossimo intervallo
// Cerca i tab all'interno del left-pane
const tabs = Array.from(leftPane.querySelectorAll('[role="tab"]')).filter(tab => {
return tab.innerText.toLowerCase().includes(tabLabel.toLowerCase());
});
// Se trovi i tab o hai superato i tentativi massimi
if (tabs.length > 0 || attempts >= maxAttempts) {
tabs.forEach(tab => {
tab.style.display = visible ? 'block' : 'none';
tab.setAttribute('aria-hidden', visible ? 'false' : 'true');
});
clearInterval(timer);
}
}, interval);
}
// Controlla i dati
const showInDora = c.data.u_in_dora === true || c.data.u_in_dora === 'true';
const showInPsnc = c.data.u_in_psnc === true || c.data.u_in_psnc === 'true';
// Applica visibilità ai tab
setTabVisibility('InDora', showInDora);
setTabVisibility('InDora285', showInDora);
setTabVisibility('InPsnc', showInPsnc);
}
Could you help me? There's some fix to do to my script or another way?
Thank you
#workspace #uibuilder
1 REPLY 1
Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
7 hours ago
see this link where I was able to hide Overview tab for Problem record in SOW
follow similar steps for your workspace, there is another approach as well mentioned there
How do I delete the overview tab
below response from above link
If my response helped please mark it correct and close the thread so that it benefits future readers.
Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader