Difference between revisions of "TwoColumnTicketLayout"

From Request Tracker Wiki
Jump to navigation Jump to search
m (4 revisions imported)
 
 
Line 16: Line 16:


==Using the theme editor==
==Using the theme editor==
#Login to RT with a admin account, 'root' for example
 
#Open the Theme editor : Tools → Configuration → Tools → Theme
* Log in to RT with an admin account or as root
#Add this bit of CSS code :
 
/* Two column ticket layout */
* Open the Theme editor: Admin → Tools → Theme
body#comp-Ticket-Display .summary { margin-top: 1em; width: 35%; float: right; }
 
body#comp-Ticket-Display .history { width: 64%; }
* Add this bit of CSS code:<br />
body#comp-Ticket-Display div#body > br { display: none; }
 
body#comp-Ticket-Display div.history hr.clear { clear: none; }
<pre>/* Two column ticket layout */
table.ticket-summary td.boxcontainer { display: block; }
body#comp-Ticket-Display .summary { margin-top: 1em; width: 35%; float: right; }
table.ticket-summary td.boxcontainer:first-child { width: auto; }
body#comp-Ticket-Display .history { width: 64%; }
table.ticket-summary input#NewReminder-Subject { width: 100%; }
body#comp-Ticket-Display div#body > br { display: none; }
div#ticket-history div.downloadattachment { display: none; }
body#comp-Ticket-Display div.history hr.clear { clear: none; }
table.ticket-summary td.boxcontainer { display: block; }
table.ticket-summary td.boxcontainer:first-child { width: auto; }
table.ticket-summary input#NewReminder-Subject { width: 100%; }
div#ticket-history div.downloadattachment { display: none; }</pre>

Latest revision as of 18:40, 15 February 2019

With a little CSS the ticket display page can be switched to a two-column layout, with history and metadata side by side. Use one of these methods. This customization is found to work on RT 4.0.x.

Using a callback

Place this code in Callbacks/TwoColumnTicketLayout/Ticket/Display.html/Initial:


  <style type="text/css">
  .summary { margin-top: 1em; width: 35%; float: right; }
  .history { width: 64%; }
  div#body > br { display: none; }
  div.history hr.clear { clear: none; }
  table.ticket-summary td.boxcontainer { display: block; }
  table.ticket-summary td.boxcontainer:first-child { width: auto; }
  table.ticket-summary input#NewReminder-Subject { width: 100%; }
  div#ticket-history div.downloadattachment { display: none; }
  </style>
  

Using the theme editor

  • Log in to RT with an admin account or as root
  • Open the Theme editor: Admin → Tools → Theme
  • Add this bit of CSS code:
/* Two column ticket layout */
body#comp-Ticket-Display .summary { margin-top: 1em; width: 35%; float: right; }
body#comp-Ticket-Display .history { width: 64%; }
body#comp-Ticket-Display div#body > br { display: none; }
body#comp-Ticket-Display div.history hr.clear { clear: none; }
table.ticket-summary td.boxcontainer { display: block; }
table.ticket-summary td.boxcontainer:first-child { width: auto; }
table.ticket-summary input#NewReminder-Subject { width: 100%; }
div#ticket-history div.downloadattachment { display: none; }