Change priority color to icon/img

Dont create your support topics here! No new topics with questions allowed!

Moderator: crythias

Forum rules
Dont create your support topics here! No new topics with questions allowed!
Post Reply
VCSousa
Znuny newbie
Posts: 62
Joined: 05 Feb 2020, 17:45
Znuny Version: OTRS6
Real Name: Ruben Sousa
Company: Zolve - Logistic and Transport, S.A.

Change priority color to icon/img

Post by VCSousa »

Hi everyone,

So, last weak i was doing some tweaks on OTRS for my company and thinked on change the priority colors to the logo of my company colored with priority.

I asked some help to Emin (zzz) and we got this:

Using Efflux (emin) addon for custom CSS (You should try it ;) They have some more nice modules, add to it the follow CSS:

.Flag span.PriorityID-3 {
background-image: url(https://www.google.com/images/branding/ ... 2x92dp.png);
background-size: 100%;
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
}

.Flag span[class^="PriorityID-"] {
border-radius: 0;
}

If it appears to small to you, you can expand the logo by adding the follow block:

.Flag.Small {
width: 16px;
height: 16px;
}

All credits to Emin by the help and work trying helping the community with the posts and magnific addons ;)
zzz
Znuny superhero
Posts: 888
Joined: 15 Dec 2016, 15:13
Znuny Version: All
Real Name: Emin
Company: Efflux GmbH
Contact:

Re: Change priority color to icon/img

Post by zzz »

Hello Ruben,

Thanks for sharing.

If other forum users have ideas on what could be changes CSS wise, we could build a small database.
I can provide the code if you submit ideas.

Best regards
Emin
Professional OTRS, Znuny & OTOBO services: efflux.de | efflux.de/en/

Free and premium add-ons: German | English
VCSousa
Znuny newbie
Posts: 62
Joined: 05 Feb 2020, 17:45
Znuny Version: OTRS6
Real Name: Ruben Sousa
Company: Zolve - Logistic and Transport, S.A.

Re: Change priority color to icon/img

Post by VCSousa »

For now, the only thing that I have change only with pure CSS are this one.

I have other small things but includes JS changes too.

Also I'm trying to make it work what I talked with you about change the background of DynamicFields on TicketZoom based on them values.
Post Reply