<style>p { margin: 0; }span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } blockquote { border-left: solid 2px #5e35b1; color: #5e35b1; margin-left:0; padding-left:5px;}blockquote blockquote{ border-color: #00bcd4; color: #00bcd4;}blockquote blockquote blockquote{ border-color: #43a047; color: #43a047;} table.grid{ border-collapse: collapse;} table.grid td, table.grid th { border: 1px solid #ddd;} .fr-fic.fr-dib{ display: block; margin: 5px auto;}.fr-fic.fr-dib.fr-fir{ text-align: right; margin: 5px 0 5px auto;}.fr-fic.fr-dib.fr-fil{ text-align: left; margin: 5px auto 5px 0;}.fr-fic.fr-dii{ float: none; margin: 5px auto;}.fr-fic.fr-dii.fr-fil{ float: left; margin: 5px auto;}.fr-fic.fr-dii.fr-fir{ float: right; margin: 5px auto;}img.fr-dib.fr-fir { margin-right: 0; text-align: right;}img.fr-dib.fr-fil { margin-left: 0; text-align: left;}img.fr-dib { margin: 5px auto; display: block; float: none;}img.fr-bordered { box-sizing: content-box; border: solid 5px #CCC;}img.fr-shadow { box-shadow: 10px 10px 5px 0px #cccccc;}img.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}</style><p><strong>In this guide we will cover:</strong></p><p><strong>- Configuring the Custom Tab</strong></p><p><strong>- Adding the Custom Tab to an Asset Type</strong></p><p><br></p><p><br></p><p><strong><span style="font-size: 14pt;">Configuring the Custom Tab</span></strong></p><p data-pasted="true">Using Iframes within custom tabs will allow you to view a specified URL from within your asset.</p><p><br></p><p>To add custom tabs to your assets you must navigate to Configuration > Custom Objects > Custom Tabs and then set the entity to Assets.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjcwMTY5NjA5LWI0MjQtNGY2Yy04Zjk1LTc2ODg0NzRjYjg3MSJ9.FHJd4l7RxA2KHJOnnpTO1yk0nkChpYVFwdxZQ6_yTkg" class="fr-fic fr-fil fr-dib" width="1218" style="width: 1220px; height: 175.175px;" height="175"></p><p><strong><span style="font-size: 10pt;">Fig 1. Setting custom tab entity.</span></strong></p><p><br></p><p>Then when you create your tab, give it a name and set the "Type" to be "Iframe". Then, enter the URL of the site you would like to embed into this tab. </p><p><br></p><p data-pasted="true">Dollar variables can be added to the URL, or you may want to Iframe a report for analysis of assets. This can be done in the format of:</p><p><br></p><p><strong>https://{YOURHALODOMAIN}/report?id={REPORT ID}</strong></p><p><br></p><p>It is important to note that by default "reports" will be the value used in the URL, you must change this to "report" in order for the report Iframe to fill the tab screen. For more information on linking to reports, check out this guide: <a href="https://usehalo.com/haloitsm/guides/1771/" rel="noopener noreferrer" target="_blank"><strong>Report filters in the URI parameters for report links</strong></a></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjQ2ZmRmMzI2LTYzNDEtNGNhMC1hNmIxLTNkOTI5NDlhZTJiMiJ9.TJbRhXc4ieQ-aIjKdk2vOcUXHu28dG61b5GRITzHjMs" class="fr-fic fr-fil fr-dib" width="406" height="454"></p><p><strong><span style="font-size: 10pt;">Fig 2. Creating a custom tab for an Iframe</span></strong></p><p><br></p><p><strong><span style="font-size: 14pt;">Adding The Custom Tab to an Asset Type</span></strong></p><p>Navigate to Configuration > Asset Management > Asset Type and then go to the "Layout" tab. Change the Tab Layout to "Custom".</p><p><br></p><p data-pasted="true">From here, you can set the visibility of the Tab by clicking on the pencil icon on the custom tab field.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjBiOGE0NWE5LWVkMmQtNGI2YS1iYmQ4LTQ2OWI0ZDQ5YjA1NSJ9.5X2cs_3S778zg1gmB8twX-d-g_rapXWqLbnGE-uOwys" class="fr-fic fr-fil fr-dib" width="1215" style="width: 1217px; height: 361.454px;" height="361"></p><p><strong><span style="font-size: 10pt;">Fig 3. Custom tab layout</span></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImJmZmU2MWVhLTEwNDYtNDJjMy1iZWRhLTNiMTVlNTI4MTg4OCJ9.koa5ugNxX-mu3iPqDs_w97VoCIOlQ90kg_pSeXzXe1c" class="fr-fic fr-fil fr-dib" width="712" height="321"></p><p><strong><span style="font-size: 10pt;">Fig 4. Set visibility of tab</span></strong></p><p><br></p><p>Now when you view an asset of that asset type, the tab will show.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU4MTVjYjk4LWVkYzQtNGViZC1hM2FkLTJlMTcxYzc3ZWEzYiJ9.9kgnve1_6QVlYwv0I4ZrYbng9YBTXSLJRhPXMM92as0" class="fr-fic fr-fil fr-dib" width="1220" style="width: 1222px; height: 631.639px;" height="632"></p><p><strong><span style="font-size: 10pt;">Fig 5. New custom tab against the asset</span></strong></p><p><br></p><p><br></p>
