#29119 – Ticket Signature to highlight Staff Reply

Posted in ‘Akeeba Ticket System’
This is a public ticket. Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Tuesday, 06 February 2018 23:20 CST
leobaker
I like the design of the Akeeba, staff reply signature with name and flags to the public tickets. Do you know the css that I can use the same layout?

Also anyway of highlighting the staff who reply to the ticket, so users can see quickly it's the staff reply if the message is long?

Thanks,

Leo

Custom Fields

Joomla! version (in x.y.z format) 3.8.3
PHP version (in x.y.z format) 7.0.1
Akeeba Ticket System version (x.y.z format) 2.4.1
Wednesday, 07 February 2018 00:53 CST
nicholas
Hi Leo,

There is nothing special to it :) The signature editor in your Joomla! profile allows you to use HTML. We used it to write our custom HTML structure for our signatures. Then our frontend designer wrote some custom CSS to make it all look professional and pretty.

Regarding highlighting the staff reply, it's already possible! The DIV tag surrounding each reply has a number of CSS classes called something like ats-post-group-8. The number at the end is the Joomla! user group ID. Your support staff belongs to one or more specific groups your users don't belong to. Therefore you can use the relevant ats-post-group-* class to target these replies in your site's custom CSS, possibly giving it a different color or doing any other kind of formatting which works for your site. You can even use the :before and :after pseudo-elements in your CSS to add a star or some other graphic before / after the full name of the person responding. With custom CSS sky's your limit!


Nicholas K. Dionysopoulos

Lead Developer and Director



🇬🇷Greek: native

🇬🇧English: excellent

🇫🇷French: basic



Please keep in mind my timezone and cultural differences when reading my replies. Thank you!



Tuesday, 13 February 2018 18:05 CST
leobaker
Thanks, do you have an example of the css chuck of code which I can use for the signature? Also where does the custom css file go to pull the styles for the signature

Leo
Wednesday, 14 February 2018 02:01 CST
nicholas
I am most definitely not a designer and we don't do custom design work. I can give a simplistic example of how to style replies from user group 8 (Super Users) by applying a gold(-ish) frame and panel title with a horrible light yellow background. Remember when I said I'm not a designer? I really mean it - I suck at this.

.ats-post-group-8 {
    border: 2px solid #cccc00;
    background: #fffff6;
}

.ats-post-group-8 > .ats-post-header {
   background: #cccc00;
}


As to where to put the custom CSS, I can't answer that. Please do ask your template developer. There's always some kind of custom CSS file loaded by your template, typically called something like custom.css. The location of the file and the method to enable its loading varies widely between one template and the other. Luckily, its developer knows how to do it better than anybody else.


Nicholas K. Dionysopoulos

Lead Developer and Director



🇬🇷Greek: native

🇬🇧English: excellent

🇫🇷French: basic



Please keep in mind my timezone and cultural differences when reading my replies. Thank you!



Thursday, 15 February 2018 07:18 CST
leobaker
Thanks for the starting point much appreciated.
This ticket is closed, therefore read-only. You can no longer reply to it. If you need to provide more information, please open a new ticket and mention this ticket's number.

Support Information

Working hours: Typically we work Monday to Friday, 9am to 7pm Cyprus timezone (EEST). Support is provided by the same developers writing the software, all of which live in Europe. You can still file tickets, but we cannot respond to them, outside of our working hours.

Support policy: We would like to kindly inform you that when using our support you have already agreed to the Support Policy which is part of our Terms of Service. Thank you for your understanding and for helping us help you!