You are viewing the PKP Support Forum | PKP Home Wiki

[HOWTO] CSS snippet: Highlight menu state

OJS development discussion, enhancement requests, third-party patches and plug-ins.

Moderators: jmacgreg, btbell, michael, bdgregg, barbarah, asmecher

Forum rules
Developer Resources:

Documentation: The OJS Technical Reference and the OJS API Reference are both available from the OJS Documentation page.

Git: You can access our public Git Repository here. Comprehensive Git usage instructions are available on the wiki.

Bugzilla: You can access our Bugzilla report tracker here.

Search: You can use our Google Custom Search to search across our main website, the support forum, and Bugzilla.

Questions and discussion are welcome, but if you have a workflow or usability question you should probably post to the OJS Editorial Support and Discussion subforum; if you have a technical support question, try the OJS Technical Support subforum.

[HOWTO] CSS snippet: Highlight menu state

Postby mbria » Fri Mar 13, 2009 5:43 am

This is a very simple CSS snippet our Editors found specially useful and improves OJS' usability.

The snippet highlights the current state in edition menus, for instance at:
http://yourmagazine.../editor/submissio ... Unassigned

example.png (18.38 KiB) Viewed 947 times

Code: Select all
/* Highlighting edition's state */
div#main div#content ul.menu {
  border-bottom: 2px solid #AAA;
  font-size: 1.2em;

div#main div#content ul.menu li {
  border: 1px solid #AAA;
  padding: 2px 10px;

div#main div#content ul.menu li.current {
  background-color: red;

div#main div#content ul.menu li.current a {
  color: white;

div#main div#content ul.menu li.current a:hover {
  background-color: red;
  color: black;

It's not what I suggested at viewtopic.php?f=2&t=1543&p=4713&hilit=+usability#p4713
but does the job.

Alec... what about including a similar solution in further releases? :-)


Posts: 352
Joined: Wed Dec 14, 2005 4:15 am

Re: [HOWTO] CSS snippet: Highlight menu state

Postby jmacgreg » Fri Mar 13, 2009 2:00 pm

Hi Marc,

I think that's a great css addition. I'm happy to let you know that some small UI-related changes will be released with OJS 2.3, while we're now actively working towards an extensively refactored UI for both OCS and OJS (spurred in part by your previous thread you link to), and this is just the kind of small, and yet visually very useful, type of change we've been talking about. As one of our more enthusiastic contributors to the UI discussion, you may get a private message when we have testing-quality UI revisions in place :-).

Posts: 4191
Joined: Tue Feb 14, 2006 10:50 am

Return to OJS Development

Who is online

Users browsing this forum: No registered users and 1 guest