TwoColumnTicketLayout: Difference between revisions
Jump to navigation
Jump to search
m (4 revisions imported) |
|||
Line 16: | Line 16: | ||
==Using the theme editor== | ==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:<br /> | |||
<pre>/* 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; }</pre> |
Latest revision as of 17: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; }