How to make Popular and Upcoming links and sub-links themeable?

Don't know about theming tags, but you could just do it with jquery and css.

This only works if archives is turned off.
From here i guess you can use some css to change the background and stuff.

Good luck.

Hi Munikho,

thanks for the jquery line, But where exactly do I add it?

I mean between which lines?

I was assuming you had an external javascript file. If you don't, you can also just load it in the head of page.tlp.php file like this.

eventhough having a file for all your javascript is probably better.

What exactly do you mean by an external js file? I have many js files from different modules, which are addregated by the JS Aggregator module. Are you saying I should have another separate JS file that I should put in the theme directory? Please elaborate.

Also: I've pasted your code at the top of my page.tpl.php , but I can't seem to fetch the CSS tags. I tried numerous combinations , but nothing works! What would be the correct line for a CSS???

the standard drigg CSS is
#content_center div.controlbar ul.drigg-viewtype
#content_center div.controlbar ul.drigg-viewtype li
#content_center div.controlbar ul.drigg-viewtype li.active a
#content_center div.controlbar ul.drigg-viewtype li a:hover
#content_center div.controlbar ul.drigg-viewtype li a.active:hover
and
#content_center div.controlbar ul.drigg-order
#content_center div.controlbar ul.drigg-order li a
#content_center div.controlbar ul.drigg-order li.active a
#content_center div.controlbar ul.drigg-order li a:hover
#content_center div.controlbar ul.drigg-order li a.active:hover

So what kind of lines should I put for the .upcoming ??

thanks!

Well, I have an external js file to keep all my functions in there. But you don't need to, you can just keep it in the head of the page template.

the css would probably be:

#content.upcoming #content_center div.controlbar etc.....

hope this works.

Nope... nothing seems to work.

I tried the following tags
#content.upcoming #content_center div.controlbar ul.drigg-viewtype
#content.upcoming #content_center div.controlbar ul.drigg-viewtype li
#content.upcoming #content_center div.controlbar ul.drigg-viewtype li a
#content.upcoming #content_center div.controlbar ul.drigg-viewtype li.active a
#content.upcoming #content_center div.controlbar ul.drigg-viewtype li a:hover
#content.upcoming #content_center div.controlbar ul.drigg-viewtype li a.active:hover

#content.upcoming #content_center div.controlbar ul.drigg-order
#content.upcoming #content_center div.controlbar ul.drigg-order li a
#content.upcoming #content_center div.controlbar ul.drigg-order li.active a
#content.upcoming #content_center div.controlbar ul.drigg-order li a:hover
#content.upcoming #content_center div.controlbar ul.drigg-order li a.active:hover

... and it doesn't seem to catch anything ;(

any ideas?

You are executing the jquery line before loading jquery. So put the line in the bottom of the head. Otherwise even on the bottom of the page.

Hi.. that's right... I now put the jquery code inside the < body > and it works ... almost.

BUT... I think this is a very bad way of doing this. Right now, the page loads and those Upcoming (and newsest, oldest, mostpopular, leastpopular) will first load under the usual colours of the Popular section, and once the page is fully loaded, only then will they change their colours to the colours of the Upcoming section. The whole effect just looks disorienting, and it looks like the site is "slow"!
In addition, there is no way to theme the "Upcoming" link differently when we are on the homepage. And when we are viewing the "Upcoming" section there is no way to theme the "Popular". Ultimately it would be cool if Popular was in Yellow (for example) and Upcoming in Grey on ALL pages.

Wouldn't it be much more efficient and effective if this was done through drigg_ui.module ???

My other concern is that I still can't theme the #header_categories and ul.drigg_categories when we are in the Upcoming section.

Thanks Munikho!

I know, through the drigg_ui.module would probably be better, but since i've no idea how to do that right now, i think this is a suitable solution.
I'm surprised by the slowness of the jquery though, probably also because of all the other javascript on the page, it's loading last.

Theming the categories is possible, if you want to theme the header, attach the upcoming class one dom level higher. Like to #container.

Maybe try checking in the module if you want to theme the popular and upcoming links on all pages.

Good luck.

Will tackle this when I on the following:

#320567: CSS theme the drigg node list based on the "action" : upcoming, archive & popular

Where might I find file containing producing <li class="active"></li> and <ul class="drigg-order">?

I did a quick scan of drigg_ui.module and the default theme files using find and replace but came up empty handed.

Hi,

The code that generates that is a *bit* complicated.

Quick idea: doesn't this issue have a simple template solution, by ust checking arg(0) to see if it's 'upcoming' and adding a div accordingly? This should be added to the page.tpl.php file around:

So that should be the solution to this problem, I assume?
Philbar, if my solution works, please mark this issue as fixed.

Merc.