0 Replies Latest reply on Sep 24, 2018 7:57 PM by westy1

    Displaying labels on forms in formatted HTML

    westy1 Apprentice

      Hi Guys,

       

      thought i would share this as i implemented it for a customer recently and really liked the outcome.

       

      the requirement was to have an in depth description of all urgency and impacts and show the combination outcomes on a form.

      something like the below

       

      this is actually really simple to implement and adds a lot of value for analysts when using the system.

      all i have is three labels on a form

      with html in the label expression for each

      the middle tables code is below for an example

       

      <table width="644" style="margin: auto auto auto -1.15pt; width: 483pt; border-collapse: collapse; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 0cm 0cm 0cm;" border="0" cellspacing="0" cellpadding="0">\r\n <tbody><tr style="height: 15pt; mso-yfti-irow: 0; mso-yfti-firstrow: yes;">\r\n  <td width="91" style="background: rgb(255, 204, 102); padding: 0cm 5.4pt; border: 1pt solid windowtext; border-image: none; width: 68pt; height: 15pt;">\r\n  <p align="center" style="margin: 0cm 0cm 10pt; text-align: center;"><b><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>Urgency</span></b></p>\r\n  </td>\r\n  <td width="553" style="background: rgb(255, 255, 204); border-width: 1pt 1pt 1pt 0px; border-style: solid solid solid none; border-color: windowtext windowtext windowtext rgb(0, 0, 0); padding: 0cm 5.4pt; border-image: none; width: 415pt; height: 15pt;">\r\n  <p align="center" style="margin: 0cm 0cm 10pt; text-align: center;"><b><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>Description</span></b></p>\r\n  </td>\r\n </tr>\r\n <tr style="height: 53.2pt; mso-yfti-irow: 1;">\r\n  <td width="91" style="background: white; border-width: 0px 1pt 1pt; border-style: none solid solid; border-color: rgb(0, 0, 0) windowtext windowtext; padding: 0cm 5.4pt; border-image: none; width: 68pt; height: 53.2pt;">\r\n  <p style="margin: 0cm 0cm 10pt;"><b><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>High (H)</span></b></p>\r\n  </td>\r\n  <td width="553" style="background: white; border-width: 0px 1pt 1pt 0px; border-style: none solid solid none; border-color: rgb(0, 0, 0) windowtext windowtext rgb(0, 0, 0); padding: 0cm 5.4pt; width: 415pt; height: 53.2pt;">\r\n  <p style="margin: 0cm 0cm 10pt;"><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>High likelihood of affecting more Clients (and/or\r\n  their Customers)<br>\r\n  Critical service(s) is down<br>\r\n  Time-sensitive work affected<br>\r\n  Quick attention will prevent significant impact on other Clients or staff or\r\n  operations</span></p>\r\n  </td>\r\n </tr>\r\n <tr style="height: 41.9pt; mso-yfti-irow: 2;">\r\n  <td width="91" style="background: white; border-width: 0px 1pt 1pt; border-style: none solid solid; border-color: rgb(0, 0, 0) windowtext windowtext; padding: 0cm 5.4pt; border-image: none; width: 68pt; height: 41.9pt;">\r\n  <p style="margin: 0cm 0cm 10pt;"><b><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>Medium (M)</span></b></p>\r\n  </td>\r\n  <td width="553" style="background: white; border-width: 0px 1pt 1pt 0px; border-style: none solid solid none; border-color: rgb(0, 0, 0) windowtext windowtext rgb(0, 0, 0); padding: 0cm 5.4pt; width: 415pt; height: 41.9pt;">\r\n  <p style="margin: 0cm 0cm 10pt;"><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>Top 25 Client affected<br>\r\n  VIP status Client or staff are affected</span></p>\r\n  </td>\r\n </tr>\r\n <tr style="height: 43.5pt; mso-yfti-irow: 3; mso-yfti-lastrow: yes;">\r\n  <td width="91" style="background: white; border-width: 0px 1pt 1pt; border-style: none solid solid; border-color: rgb(0, 0, 0) windowtext windowtext; padding: 0cm 5.4pt; border-image: none; width: 68pt; height: 43.5pt;">\r\n  <p style="margin: 0cm 0cm 10pt;"><b><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>Low (L)</span></b></p>\r\n  </td>\r\n  <td width="553" style="background: white; border-width: 0px 1pt 1pt 0px; border-style: none solid solid none; border-color: rgb(0, 0, 0) windowtext windowtext rgb(0, 0, 0); padding: 0cm 5.4pt; width: 415pt; height: 43.5pt;">\r\n  <p style="margin: 0cm 0cm 10pt;"><span style='color: black; font-family: "Arial","sans-serif"; mso-fareast-language: EN-AU;'>Limited impact to staff or operations<br>\r\n  Workaround is available</span></p>\r\n  </td>\r\n </tr>\r\n</tbody></table>

       

      i also tend to add a label to the selfservice incident form to assist in the logging of incidents by end users.

       

      again, this is just a label field with a label expression

      <FONT COLOR="gray">To assist us to diagnose your problem quickly, <br>please try to include as much information <br>about the issue as possible.<br>Include such items as;<font/><br><li><FONT COLOR="gray"">Computer name or Barcode<font/></li><li>Printer name</li><li>Screenshots (if relevant)</li><li>Steps to reproduce</li><li>Time/Date this occured</li><li>Has this happened before</li><li>Location</li><li>Error message</li></ul>

       

      enjoy

       

      tom