Support

Akeeba Ticket System

#29119 Ticket Signature to highlight Staff Reply

Posted in ‘Akeeba Ticket System for Joomla! 4 & 5’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Environment Information

Joomla! version
n/a
PHP version
n/a
Akeeba Ticket System version
n/a

Latest post by leobaker on Thursday, 15 February 2018 07:18 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

nicholas
Akeeba Staff
Manager
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 β€’ πŸ• My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

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

nicholas
Akeeba Staff
Manager
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 β€’ πŸ• My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

leobaker
Thanks for the starting point much appreciated.

Support Information

Working hours: We are open Monday to Friday, 9am to 7pm Cyprus timezone (EET / EEST). Support is provided by the same developers writing the software, all of which live in Europe. You can still file tickets outside of our working hours, but we cannot respond to them until we're back at the office.

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!