Add images where forum title and description are

OnlyAnExcuse

What i'd like to do is add an image where a forum's title/description are, and have a different one for each.

Each forum seems to have these (this an example from this site):

<h1 class="H HomepageTitle">Vanilla - Free, Open-Source Forum Software</h1> <div class="P PageDescription">Community support for Vanilla's developer community.</div>

And that's where i'd like to put a category-specific image, along with the text.

Any (simple) way of doing this?

422

Can you post a screenpic plz

OnlyAnExcuse

This is how it looks now:

This is how i'd like to add an image (in this case a logo)

If there was a way I could add a class for each category which would add an individual image to each, that's what i'd like to do. But as it stands i'm a bit stuck!

OnlyAnExcuse

double post apologies

peregrine

write a plugin using this event.

DiscussionsController_BeforeRenderAsset_Handler


i if ((!$Sender->Category) = scottishpremier
echo "<img........>

if ((!$Sender->Category) = blahbla2
echo "<img........>

etc.

look at hidecategory plugin modify it and call it your own name.

then post it as an add-on when you get it solved.

422

What @peregine says. You also have missing icon on big button.

OnlyAnExcuse

Yeah, I compressed the LESS files from bootstrap theme and the icons didn't seem to work afterwards, but ill get round to it.

That's great penegrine, thanks - i'll look into that. Cheers!

peregrine

I'll post an add-on called CategoryImageHeader in a few for you to test.

422

Looked more like a utf issue. Nice custom version of kasperlargers bootstrap, looks ace

peregrine

http://vanillaforums.org/addon/categoryimageheader-plugin-1.0

@OnlyAnExcuse
I can't work on it anymore today, but if you want to test it, and get back to me.

Kasper

@OnlyAnExcuse said:
Yeah, I compressed the LESS files from bootstrap theme and the icons didn't seem to work afterwards, but ill get round to it.

You'll need to fix the FontAwesome paths in the compiled version of the code if you want the icons to display correctly. Awesome customizations by the way, it looks fantastic!

OnlyAnExcuse

Thanks for the compliments 422 and kasperisager - it was based on Cerulean bootswatch but decided to opt for black as a neutral colour.

I've still to change a few things and get the colours right, once i do i'll post it on the showcase area.

@peregrine, testing the plugin as we speak, thank you!

OnlyAnExcuse

@penegrine

Installed plugin but showing a blank page for the settings.

peregrine

It should have shown settings before. I rewrote some things anyway and re uploaded the plugin w/ proof of the settings panel is not blank!

let me know if you have problems with the new one.

OnlyAnExcuse

It's the same sadly on my website - though I do have it going on a test server on my computer.

I should have mentioned i'm using Vanilla 2.1 on my website, it seems absolutely fine on the latest stable release (2.0.18.4). Blank on 2.1 though (sorry for not mentioning that before).

Really appreciate your help @peregrine, not many forum package support sites have members willing to write a basic plugin for you

peregrine

Are you sure its the release or the theme that makes it non-functional.

never mind I just tried it on 2.1. I'll try to see what the problem is with the dashboard.

peregrine

I get the dashboard setting issues resolved on 2.1.

Unfortunately, in vanilla 2.1 they removed the event I was using

So I have to use CategoriesController_BeforeRenderAsset_Handler

but I am trying to figure out to only process if the asset is contents

OnlyAnExcuse

ok cool

peregrine

use version 1.2 of this plugin - see if it gives you some semblance of what you want.

there are only a few events for placement. so jquery may be the next option or adding a 1 line event to a file in your views folder.

but see if the image placement works with categories.

remove your old CategoryHeaderImage directory - so the files don't interact with each other.

OnlyAnExcuse

Working great - posted image in feedback thread for plugin. Will work on CSS to ensure it sits perfectly, you're a star, cheers!

peregrine

thx for the feedback. glad it worked your site looked cool, and I liked your idea of the image that you proposed.