snackd
Member
so, my events list of course looks like this
Feb 17 some event
Feb 20 some other event
Mar 5 another event
Apr 1 yet another
for past events, it's really long. is there a way to break it up by printing year labels (or maybe month/year), ie:
Jan 20 mom's birthday
Jan 1 ny day
= 2010 EVENTS =
Dec 25 xmas
Nov 23 t-giving
Oct 31 halloween
...
Jan 5 dinner date
= 2009 EVENTS =
Dec 25 xmas
?? thanks guys.
Franky
Key Master
Yearly showperiod wasn't possible until now, has been implemented in trunk
Franky
Key Master
A new release is around the corner, I just want to integrate some small things.
For the monthly grouping: see http://www.e-dynamics.be/wordpress/?cat=18 : showperiod=monthly will help you there (the yearly option isn't documented yet, because not yet released).
oh, one more thing on this...
I'd like to put the event list into a table format for some nice columns, rather than the default <li> format. And this works by having:
<tr><td>#M #j#S</td><td>#_LINKEDNAME</td><td>#_TOWN</td></tr>
in the "Default event list format" and having <table> in the "...header" and </table> in the "...footer".
But as soon as I use showperiod=monthly and have 'F' as the "Monthly period date format", I get <li class='eme_period'>March</li>, which breaks the table. Any way to replace the "li" part, so that I can use <tr><td>? I don't mind if the class stays in there.
Franky
Key Master
For now you're stuck with this ... please open a feature request for this.
For the rest: try to use li for now, and use some clever CSS-ing.
Ok, I'll open a request for this. For now, I've done as you suggested and used CSS to do it. For anyone else needing this, here's how I did it:
This goes in the "Default event list format" box:
<li>
<div class="row col1">#M #j#S</div>
<div class="row col2">#_LINKEDNAME</div>
<div class="row col3">#_TOWN</div>
</li>The CSS to go with it:
.eme_events_list li {
list-style-type: none;
margin-bottom: 5px;
color: #000;
font-size: 10pt;
float:left;
clear: left;
}
.row {
float:left;
margin: 0 10px 5px 0;
}
.col1 {
width: 80px;
}
.col2 {
width: 200px;
}
.col3 {
width: 100px;
}This will give you a 3-column row with separate widths set to your wishes.
You must log in to post.