Forum Home Enhancements - Upcoming Events on Top of Pages

This is what I did to make Upcoming Events display nicely on the top of Forumhome:

Added below {vb:raw header}{vb:raw navbar}

<!-- upcomingevents -->
<div id="wgo" class="collapse wgo_block">
<h2>
<span>
Upcoming Events
</span>
</h2>
<div class="floatcontainer">
<div id="wgo_events" class="wgo_subblock">
<ol class="commalist">
{vb:raw upcomingevents}
</ol>
</div>
</dl>
</div>
</div>
<!-- upcomingevents -->

Note that the commalist class reduces the space this takes and displays nicely.

If anyone can help by explaining how this can be added to all pages I would be grateful.

[tiga2]

I was trying to Put the Text "Upcoming Events:" beside the events
But it still makes a Line break before it lists the Events.. Any Ideas?

<!-- upcomingevents -->
<div id="wgo" class="collapse wgo_block">
<div class="floatcontainer">
<div id="wgo_events" class="wgo_subblock">
Upcoming Events:
<ol class="commalist">
{vb:raw upcomingevents}
</ol>
</div>
</dl>
</div>
</div>
<!-- upcomingevents -->

[Front Range 4x4]

You can use any code you would like, most of what I provided was formatting the way I use it. Play around with it using {vb:raw upcomingevents} to get the formatting the way you like it.

[customcolor]

i added the code and it works great for us...we dont have many events so some may even forget to check the calender...so adding this will remind people i also added this to under the navbar so it wouldnt split the header and navbar in our style sheet...code::::

{vb:raw header}

{vb:raw navbar}

<!-- upcomingevents -->
<div id="wgo" class="collapse wgo_block">
<h2>
<span>
Up and Coming Calendered Events
</span>
</h2>
<div class="floatcontainer">
<div id="wgo_events" class="wgo_subblock">
<ol class="commalist">
{vb:raw upcomingevents}
</ol>
</div>
</dl>
</div>
</div>
<!-- upcomingevents -->




Link to our forums home..like i say there isnt many things going on so there may not be something showing all the time.

[deadbolt80]

Originally Posted by Front Range 4x4

Can you post a link?

My site is 6thGenMaxima.org.. not sure if you see the upcoming events if you're not logged in, but try anyway.

[Front Range 4x4]

I don't see anything in the WGO deadbolt, maybe it's permissions. Is anything showing there for you? If it's not showing in the standard location it surely won't show at the top of the page either.

[deadbolt80]

I see it in the wgo section... I just want the list of events on the top of my forums page to be centered and instead of "," in between, for it to be stacked.... did I explain myself correctly? lol.

What permissions would I need to adjust for you to see it?

[Front Range 4x4]

I don't need to see it now that I understand what you're trying to do. You want it to look as it does in WGO, right?

Just look at the WGO section of the FORUMHOME template and copy & paste in place of this:

<div id="wgo_events" class="wgo_subblock">
<ol class="commalist">
{vb:raw upcomingevents}
</ol>

You might have to diddle (technical term) with it a bit but that should do it.

[betts02]

Works great under each other with tht code, cheers

[Front Range 4x4]

Originally Posted by deadbolt80

I see it in the wgo section... I just want the list of events on the top of my forums page to be centered and instead of "," in between, for it to be stacked.... did I explain myself correctly? lol.

Here's how you do it to have the events stacked/listed one on top of the other.


<!-- upcomingevents -->
<div id="wgo" class="collapse wgo_block">
<h2>
<span>
<big>Upcoming Events</big>
</span>
</h2>
<div class="floatcontainer">
<div style="background: #F7FE2E">
<div id="wgo_events" class="wgo_subblock">
{vb:raw upcomingevents}
</div>
</div>
</div>
</div>
<!-- upcomingevents -->

[kfrosty]

Installed. Has anybody tried to get this working in the FORUMDISPLAY template? It shows up but no events but works fine in the FORUMHOME template.

Thanks.