How can we help you?

FOP2 Custom Theme: Hiding Paused and Invalid queue members from the queue agent list.
Posted by: Nicolás Gudiño Posted on: Apr-19th, 2016 15:30

FOP2 display styles can be tweaked using CSS. Since version 2.30 it is possible to write custom CSS modifications in your own 'theme' file to change the visual aspect.

We are going to use that feature in order to add some CSS classes that will hide from view any queue members that are invalid or paused.

In order to write your own custom theme, you must create this file:

/var/www/html/fop2/css/custom_theme/theme.css

In that file you can write any css rules you want.

For this article, we want to add some specific visual rules, we want to hide any queue members that are either paused or that are invalid, for that, just add the following to theme.css in directory /var/www/html/fop2/css/custom_theme directory:

.memberpaused + span + span + br { display:none; }
.memberpaused + span +span { display:none}
.memberpaused { display:none; }
.memberpaused + span { display:none; }

.memberinvalid + span + span + br { display:none; }
.memberinvalid + span +span { display:none}
.memberinvalid { display:none; }
.memberinvalid + span { display:none; }

Save the file and reload FOP2, you should notice that paused or invalid members won't show up in queue buttons.

If you look at the custom_theme directory, you will notice there is a bundled alternate style named theme.celeste.css , if you want to try it out, you can rename that file just to theme.css and see how it looks FOP2 after that:

mv /var/www/html/fop2/css/custom_theme/theme.celeste.css /var/www/html/fop2/css/custom_theme/theme.css

Hope you take advantage of this powerful customization option.


Leave a comment