<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><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><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 id="isPasted"><strong>In this guide we will cover:</strong></p><p><strong>- Overview and Benefits</strong></p><p><strong>- Creating your Dashboards</strong></p><p><strong>- Creating Widgets</strong></p><p><strong>- Dashboard Configuration</strong></p><p><br></p><p><br></p><p><strong><span style="font-size: 14pt;">Overview and Benefits</span></strong></p><p>Ticket Dashboards are an alternative way to view your ticket lists and various other important areas of Halo, such as custom tables and in-depth details of tickets. Ticket dashboards are like global dashboards but filter data to be relevant to the specific ticket that is being viewed, and come with a number of additional widget types exclusive to Ticket dashboards.</p><p><br>With some relatively simple setup, you can customise your Ticket page from the boring old structure to include any details you like, including charts, report data, and other tickets. All the previously available information can be viewed too, but placed wherever you like on the screen, so that the format best suits your needs!</p><p><br></p><p><span style="font-size: 12pt;"><strong>You can go from t</strong><strong>his...</strong></span></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Ijc3ZTZkMjA5LTczOTItNDRlNi04MmY3LWNiZmE0MDJlMmE2NyJ9.NxjiqFZmzokr_rtNBh7lx6omVu5vrPi0fyumFT4UZ-Q" width="801" style="width: 801px; height: 443.788px;" height="443.788" class="fr-fic fr-dii"></p><p><strong><span style="font-size: 10pt;">Fig 1. Ticket before a ticket dashboard</span></strong></p><p><br></p><p><strong><span style="font-size: 12pt;">To this.</span></strong></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImYzNGQ5YmRiLWMxYmUtNDZlZS1hZjA3LTYxMjFjOGMwZDcwYiJ9.Iht3-dWB0Gx3VRRFR3NwTxatYCIEMKyolfsFcWu70lE" width="799" style="width: 799px; height: 442.958px;" height="442.958" class="fr-fic fr-dii"></p><p><strong><span style="font-size: 10pt;">Fig 2. Ticket dashboard added</span></strong></p><p><br></p><p>You may want to display all child tickets, and you can then export the ticket list from a ticket dashboard to a CSV:</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjgzYWI3NjFhLWNiNmMtNDNmMi04MTA3LTU2ZDQ3ZjEzMTc2MCJ9.ruCfcseSAm_rv11XnJhAOQKdDV8F3Nbp7C-koD95o9Y" class="fr-fic fr-fil fr-dib" width="966" style="width: 968px; height: 207.831px;" height="208"></p><p><span style="font-size: 10pt;"><strong>Fig 3. Export to CSV on ticket list</strong></span></p><p><br></p><p>If you and your team find yourself flicking through tabs all the time, and looking for child tickets and related assets etc, then consolidating all this information into one tab may speed up your processing time on tickets. Although not included on the above example, you could easily include Report Charts and other performance metrics to encourage work. I personally find that having the newly added AI Insights alongside the actual ticket description is an interesting comparison between the two pieces of information. Alternatively, you may choose to just have the insights on their own, with the other bits of handy information alongside them, without even looking at the original ticket's details.</p><p><br></p><p>The benefit is that you can streamline the information down to whatever you deem important to see, however best suits you and your business' needs.</p><p><br></p><p><span style="font-size: 14pt;"><strong>Creating your Dashboards</strong></span></p><p><span style="font-size: 11pt;">To get started, you will need to navigate to the Configuration page for Custom Objects, then to Custom Tabs (Configuration > Custom Objects > Custom Tabs). Here, whilst under the 'Tickets' entity (top left), you can create a new Tab. This new Tab will need the Type: Dashboard.</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImZlMDM2MDRhLTQ0ZGEtNDdiYS05ZmE2LTUxODI5OTE1MzA4OSJ9.hpcVzUnaldZcGrjDvk2KZ-smCPVT9cyneKxV6uXz4io" class="fr-fic fr-fil fr-dib" width="436" style="width: 436px; height: 239.293px;" height="239.293"></p><p><strong><span style="font-size: 10pt;">Fig 4. Ticket Entity in Configuration for Custom Tabs</span></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Ijc5ZWQ1Yjk2LTFkNTctNDMyNC04YTlhLWExY2UyMjY4NjZkZSJ9.Y9zY9tiW0yP_UZ_fLXYEKknmn3M9wgI3z6cIuG26k20" class="fr-fic fr-fil fr-dib" width="750" style="width: 750px; height: 432.04px;" height="432.04"></p><p><strong><span style="font-size: 10pt;">Fig 5. Selecting Type as Dashboard when creating a Custom Tab</span></strong></p><p><br></p><p>Once that is selected, you will be able to configure the Dashboard via the "Configure Dashboard" button. That will take you to the configuration screen for that Dashboard. You will be initially prompted for a Ticket ID. This ticket will be used for the example data while you are building your Dashboard, and can be changed anytime after by clicking "Preview a Ticket" at the top of the screen.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjQ2OTVjMzg5LTI3MzEtNGE4MC05ODIzLTUyYzJkNjllZGRiNiJ9.kYwW7dWWLrIcLdGdq4plfhDaQVsRIBiYtyHL68zo2tI" class="fr-fic fr-fil fr-dib" width="644" style="width: 644px; height: 214.062px;" height="214.062"></p><p><strong><span style="font-size: 10pt;">Fig 6. Configure Dashboard button</span></strong></p><p><br></p><p><img data-fr-image-pasted="true" src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU2NDFlYzVlLTQ4ZTAtNDVhOC1iZmY3LThiNTFiNWNiNDA1MCJ9.MHb5ngezREjyjcof1DuttrzQrpXUwoNBMidc13ukg9g" width="633" height="310.311" style="box-sizing: inherit; border-style: none; cursor: pointer; padding: 0px 1px; user-select: none; text-align: left; color: rgb(0, 0, 0); font-family: sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; width: 633px; height: 310.311px; max-width: none !important;" id="isPasted" class="fr-fil fr-dib"><strong><span style="font-size: 10pt;">Fig 7. Preview a Ticket button on a dashboard</span></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjBhMWU5Nzk4LTQ4ZmMtNDk3NS1hOWU5LWY1NzVmMGNkODBhNCJ9.csKRtuLTKxUC8z4j2CoBjk6ESgcSXcgrTPA5V6osgHk" class="fr-fic fr-fil fr-dib" width="615" style="width: 615px; height: 213.48px;" height="213.48"></p><p><strong><span style="font-size: 10pt;">Fig 8. Preview a Ticket from Ticket ID</span></strong></p><p><br></p><p>Now that we have a Ticket ID set, we can start to create Widgets. These are created with the "Add Widget" button, and will present a new menu for configuring this new Widget. </p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImI4ZWRlY2JiLTBjYzItNGZmYi1iMTA0LWMxZmIzMWFjMjI1MCJ9.rueblp2302_HM9yfVykSmZzEHq1qSfxZmjn6Xz-PotU" class="fr-fic fr-fil fr-dib" width="913" style="width: 913px; height: 264.77px;" height="264.77"></p><p><strong><span style="font-size: 10pt;">Fig 9. Add Widget button when editing a dashboard</span></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Ijc2YWViYTA3LTAyZmQtNGVhYS05MjY4LTBjYjhiOGVkMGViMyJ9.2b8nkLK-dhRlyPLFkC_AlfT9XhrfoSyLgBDj1_7mWj0" class="fr-fic fr-fil fr-dib" width="695" style="width: 695px; height: 744.404px;" height="744.404"></p><p><strong><span style="font-size: 10pt;">Fig 10. Add Widget configuration</span></strong></p><p><br></p><p><span style="font-size: 14pt;"><strong>Creating Widgets</strong></span></p><p><strong><span style="font-size: 12pt;">Type</span></strong></p><p><span style="font-size: 11pt;">There are four main categorisations of widget types that we can choose between: Reports, Tickets, Ticket Details, or Custom HTML. These will each have different sub-fields to populate in order to decide which Data is displayed, and how it's displayed.</span></p><p><br></p><ol><li><strong>Reports</strong>: This includes the types; Data, Chart and Counter.<ul><li>Report Data will display the raw output of the selected report, i.e. the rows and columns generated by the query. This data, as well as the rest, will be inherited from the time-period the report is set to.</li><li>Report Chart will display any configured chart on the selected report. The chart must be customised on the report itself.</li><li>Report Counter will display a single number relating to the chosen metric on the selected report. This can be a count of rows, or an average or total of the values in a selected column. The counter can be allocated a "Drill down report override", which will produce a different report's data when the widget is clicked. A colour can also be chosen for the number.</li></ul></li><li><strong>Tickets</strong>: This includes the types; List, Calendar, Kanban, and Gannt.<br>Widgets of this type will only be visible to Agents, as the other tickets may contain sensitive information that End-Users would otherwise not have access to. The types correspond to the view in which the tickets are presented, and these can all be filtered to Areas, particular Views, and Filter Profiles. They also all have the ability to filter the tickets shown to either that ticket's children, any of its related tickets, or any tickets at all. When using Ticket List, a limit can be placed on how many results show up.</li><li><strong>Ticket Details</strong>: This includes the types; Ticket progress/history, Attachments, Single field, Group of fields, Workflow progress, SLA information, and Activity Feed. <br>These types can all be used to display different aspects of the ticket's details. The 'Group of fields' type will require that particular Field Group to be present on the ticket's Type. The rest are relatively self-explanatory, with the distinction between 'Ticket progress/history' and 'Activity Feed' being that the latter appears as a read-only view of the 'All Actions' version of the usual tickets' "Progress" tab, whereas the other's filters can be configured live, akin to the "Progress" tab beforehand. </li><li><strong>Custom HTML</strong>: This type of widget can contain any HTML that you would like, which can in-turn contain any $ variables you need to use. For example, these can provide Ticket or Agent specific information, formatted however you like (as long as you can write the HTML to do so!).</li></ol><p>For example, the variable "$-seriousnesscolour" pulls the HEX code of the priority of the ticket. This can be added to your ticket dashboard via HTML, which may look something like this.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjUxNzMwNGI5LTRlNTgtNDFhMC04ZGJkLWI5YmUxMzMyMGYzMiJ9.oTl8ZdEeAPjpu4eds6XQav395hEMcmXg9j3OeUWKE6A" class="fr-fic fr-fil fr-dib" width="160" height="122"></p><p><strong><span style="font-size: 10pt;">Fig 11. Example widget with the variables.</span></strong></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImZmYTg2MDgyLWI0OWYtNGVjMi05MTAxLTA2MzY4NmVhZDUzOCJ9.PGtBuOijy60bgRIMDzDwEaHYz-xIPqr0cOCYKjQk0Gk" class="fr-fic fr-fil fr-dib" width="401" height="96"></p><p><strong><span style="font-size: 10pt;">Fig 12. HTML for that widget.</span></strong></p><p><br></p><p><strong><span style="font-size: 12pt;">Appearance</span></strong></p><p>The selection here will determine how the Widget appears in the live Dashboard. </p><p><br></p><ul><li><strong>Default appearance</strong>: The content of this Widget will be in the box of your configured size, and permanently bordered with a thin lined, rounded box. </li><li><strong>No border</strong>: The content of this Widget will be displayed as above, however there will be no outline at all.</li><li><strong>No border with hover</strong>: The content of this Widget will be displayed as above (No border), however an outline <em>will </em>appear once the Widget is hovered with the cursor. This is recommended for cases where one might scroll data, but still desire a borderless look when not doing so.</li></ul><p><br></p><p><strong><span style="font-size: 12pt;">Custom CSS</span></strong></p><p>CSS code can be entered here to customise your widgets. This is a universal language, and guides can be found for this on the internet. You can apply CSS to a particular Widget by using the selector "#widget-10 .widget" (for Widget 10). The Widget number can be seen at the bottom left of each Widget when in Edit mode (below highlighted in <span style="color: rgb(44, 130, 201);">blue</span>)</p><p><br></p><p><span style="font-size: 14pt;"><strong>Other Widget Configuration</strong></span></p><p><span style="font-size: 11pt;">Once saved, these Widgets can then be moved around the Layout pane by dragging them into place. They can be resized by dragging the small corner icon in the bottom right of each Widget. </span></p><p><br><span style="font-size: 11pt;">Should you want to remove a Widget, there will be a small bin / trash can icon on the top right of each Widget which you can use to delete them. It should be noted that content of the widget may obscure this button, however you will still be able to select it through the image, as in edit mode, the widget content is read-only.</span></p><p><br></p><p><span style="font-size: 11pt;">Likewise, if you would like to edit an already created Widget, a paper and pencil icon will be alongside the bin/trash can which can be used to re-configure the Widget. Again, this may be obscured in edit mode but it is still functional. </span></p><p><br></p><p><span style="font-size: 11pt;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU5YThhOTc2LWZjZjMtNDJiYi1iMWM0LWRlODQ4MTNkZWY0NSJ9.qwXp58RixiDMLPvmCqwP6F7ThNCO21WVZf76m2uQe8Q" class="fr-fic fr-fil fr-dib" width="375" style="width: 375px; height: 188.547px;" height="188.547"></span><strong><span style="font-size: 10pt;">Fig 13. Editing a Widget</span></strong></p><p><br></p><p>You can use the "Reporting period filter Field" to choose a date field on ticket lists, calendars, Gantt/Kanban or counter widgets. This date field that is selected will be used when filtering the reporting period at the top of the completed dashboard.</p><p><br></p><p>You can set the colour of the priority field on a widget to the priority's colour. Set the priority field within the "Multiple Fields" type, and set the mode to "Counter". The counter icon colour can then be set to "Dropdown value colour".</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjBjMzkzMTM2LTE2ZDctNGEzZC1hYjFlLTNmM2ZjNGE4YzRjYSJ9.BcbSQRMHhOTthgXOSEwIF58QJoo2JdgA8pElB8lOWmQ" class="fr-fic fr-fil fr-dib" width="676" height="618"></p><p><strong><span style="font-size: 10pt;">Fig 14. Setting the colour of the priority field.</span></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImRjNzc2YzViLWJmMTUtNDM5Yi1hZTM3LTc3ZThkNzliN2EzNiJ9.svE6AftMxiTS8iin_lJRPS7eJM7uaQ9Br19xN1pT90Q" class="fr-fic fr-fil fr-dib" width="153" height="122"></p><p><strong><span style="font-size: 10pt;">Fig 15. Priority widget with above configuration.</span></strong></p><p><br></p><p><span style="font-size: 11pt;">You can set a custom refresh rate for widgets by selecting "Show custom refresh rate setting on widgets" in Configuration > Advanced Settings.</span></p><p><br></p><p><span style="font-size: 11pt;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjgwNTI2OWNmLTZiOWMtNGIxYy05Nzc2LTM4M2VhODY4YTQwYiJ9.LZKaYwviyN4uXYDB78X979vWO8yldwcssOwZd3_pBZ8" class="fr-fic fr-fil fr-dib" width="669" style="width: 671px; height: 796.649px;" height="797"></span></p><p data-pasted="true"><strong><span style="font-size: 10pt;">Fig 16. Allowing custom refresh rates for widgets </span></strong></p><p><br></p><p data-pasted="true"><span style="font-size: 11pt;"> Once this is set you can change the refresh rate against a widget on your dashboard. </span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImU4YmQ1MDJlLTEwZDctNDkyNy05ZmE1LTc3MGJiMzYzZDY3OCJ9.6_Ro8BG5Te0khd8z4int8UsEoaw9nidH7WyJSExlw3w" class="fr-fic fr-fil fr-dib" width="667" style="width: 669px; height: 821.858px;" height="822"></p><p data-pasted="true"><strong><span style="font-size: 10pt;">Fig 17.Setting custom refresh rates for widgets </span></strong></p><p><br></p><p><span style="font-size: 14pt;"><strong>Dashboard Configuration</strong></span></p><p><span style="font-size: 11pt;">Once you are happy with your Widget configuration, save the Dashboard.</span></p><p><br></p><p><span style="font-size: 11pt;">The other options at the top of the Dashboard configuration screen allow you to Import or Export this Dashboard via a .JSON file. This is useful for sharing Dashboard layouts between other instances, and allows you to play around in a UAT or trial without negative repercussions before exporting it to your production instance to be used once you're happy with it. Should you want to clone a Dashboard, this is also a way to do that (export it then import it back in again).</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImUwOGJkY2MyLTllNTEtNDU4Zi1hNDZkLTM2NGM3YmFkODExNyJ9.xrvRTOkzQetC_NL9CHLBYpoVmnq28a_eFhzUAjJPQ9k" class="fr-fic fr-fil fr-dib" width="626" height="30"></p><p><strong><span style="font-size: 10pt;">Fig 18. Button options when editing a ticket dashboard</span></strong></p><p><br></p><p><span style="font-size: 11pt;">There are also the options for the Layout sizes when you are configuring the Layout. This will determine the size of the menu that this tab will try to fit. Auto is recommended for most, however you may want to consider the smaller sizes should you be using these dashboards on the mobile application.</span></p><p><br></p><p><span style="font-size: 11pt;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU1OTA2NmVkLWJkOTEtNDI4Ni1iNjU0LTdhYzUxNGUzYTEwNCJ9.0x9z4XYEo4VkJjHlWm0ygHHiBe0e_9DLT2DVpF0Do2U" class="fr-fic fr-fil fr-dib" width="675" height="47"></span><strong><span style="font-size: 10pt;">Fig 19. Dashboard Layout options</span></strong></p><p><br></p><p><span style="font-size: 11pt;">The Sequence value on the Custom Tab setup will determine the position of this Dashboard tab in lists, with higher values being towards the bottom.</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjlhMjNiM2FkLWZjZmMtNGM1NC1iZGQ2LWY2MTExODRjMWU2ZSJ9.X5l1iGJ8Tw9HQZje8Bhtlm6uiMMRB-kxRFTEc1COImM" class="fr-fic fr-fil fr-dib" width="917" style="width: 917px; height: 50.081px;" height="50.081"></p><p><strong><span style="font-size: 10pt;">Fig 20</span></strong><strong><span style="font-size: 10pt;">. Sequence on the Custom Tab setup</span></strong></p><p><br></p><p><span style="font-size: 11pt;">If you would like the Dashboard tab to appear at the opening of a Ticket, then head to Ticket Types in the configuration and then to the Allowed Values tab.</span></p><p><br></p><p><span style="font-size: 11pt;">Here, you must ensure your new Tab is allowed at the bottom of this list. If so, navigate to the Layout tab, and choose a Custom layout. This will present a list of all your current tabs. A lot of these are rarely used, since they appear dynamically when they are needed and populated, however the top to bottom order of them is what will determine the left to right order of Tabs on Tickets, should they appear at all.</span></p><p><br></p><p><span style="font-size: 11pt;">For the Dashboard to display upon opening, it must be placed at the top (the left) of the list. You can also choose to hide tabs here, I would suggest this is done for tabs that already appear in the dashboard as Widgets.</span></p><p><span style="font-size: 11pt;"><br><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImRjYWZjMWQ3LTAzNjQtNDgxMC05OWVkLWNmYTkyMTA2ODMwNCJ9.gcK-ZRYWN8LOpoTiPw80sUgdG8klkjUqyjhjvq58qBA" class="fr-fic fr-fil fr-dib" width="978" style="width: 978px; height: 571.221px;" height="571.221"></span></p><p><strong><span style="font-size: 10pt;">Fig 21. Adding Dashboard to the Ticket Type Field List</span></strong></p><p><br></p><p><span style="font-size: 14pt;"><strong>The Finished Product</strong></span></p><p><span style="font-size: 18pt;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImVmOTczMjlmLWI0NjMtNDlkMC05NmYwLWFhZDJjNGYyMmZmZiJ9.Q2cdNbperY7w2DQEAciND56dILlMxEAqk7XJuwTj-rU" class="fr-fic fr-fil fr-dib" width="980" style="width: 982px; height: 486.502px;" height="487"></span></p><p><strong><span style="font-size: 10pt;">Fig 22. Dashboard finished example</span></strong></p>
