Ordering Multiple Events With same Time
Permalink
Hey all. I am using ProEvents to display a conference schedule and there is multiple events that have the same start/end time. They are of different categories and display in different color codes (purple and orange). I would like to have them be ordered so that one category is listed before the other but they seem to be randomly selected in their order.
Any thoughts on how I would force the order I desire? I thought about adding 'seconds' to the event form but couldnt figure out how to make that happen. Also looked at setting a secondary order in the db query in eventify.php
Thanks in advance!
C
PS recently forced to develop a site in wordpress... wtf! What a pain in the butt. C5 rocks!
Any thoughts on how I would force the order I desire? I thought about adding 'seconds' to the event form but couldnt figure out how to make that happen. Also looked at setting a secondary order in the db query in eventify.php
Thanks in advance!
C
PS recently forced to develop a site in wordpress... wtf! What a pain in the butt. C5 rocks!
Bump.
I _think_ you may want to look at how they are displayed on client side since they are updated through AJAX, IIRC.
Hmmm I dont think this is utilizing ajax at all. It looks like all the events are pulled into a list and displayed as needed. I've included the generated code below...
[code]
<div class="ccm-page-list event-list-to-tabs-wrapper-tabs event-list-to-tabs-wrapper-tabs-9180">
<div class="event-list-to-tabs-wrapper event-list-to-tabs-wrapper-9180"> <input type="radio" id="tab-9180-0" name="tab-group-9180" checked="checked"> <label for="tab-9180-0">Monday, June 17 </label> <div class="event-list-to-tabs-items"> <div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
5:30 pm - 7:00 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Opening Reception</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
</div></div><!-- close event-list-to-tabs-wrapper --><div class="event-list-to-tabs-wrapper event-list-to-tabs-wrapper-9180"> <input type="radio" id="tab-9180-1" name="tab-group-9180" > <label for="tab-9180-1">Tuesday, June 18 </label> <div class="event-list-to-tabs-items"> <div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
7:00 am - 8:00 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Breakfast</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
8:00 am - 9:00 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #0f727a;">General Session</div> </div>
<!--div class="title-text">
General Session </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:30 am - 10:15 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:30 am - 10:15 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
10:20 am - 11:05 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
10:20 am - 11:05 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:10 am - 11:56 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:10 am - 11:55 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:55 am - 12:40 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Lunch</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
12:40 pm - 1:50 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #0f727a;">General Session</div> </div>
<!--div class="title-text">
General Session </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
2:00 pm - 3:10 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #84b937;">Individual Disrupter Presentations</div> </div>
<!--div class="title-text">
Individual Disrupter Presentations </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
3:40 pm - 4:50 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #84b937;">Individual Disrupter Presentations</div> </div>
<!--div class="title-text">
Individual Disrupter Presentations </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
5:30 pm - 7:00 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Reception</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
</div></div><!-- close event-list-to-tabs-wrapper --><div class="event-list-to-tabs-wrapper event-list-to-tabs-wrapper-9180"> <input type="radio" id="tab-9180-2" name="tab-group-9180" > <label for="tab-9180-2">Wednesday, June 19 </label> <div class="event-list-to-tabs-items"> <div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
7:00 am - 8:00 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Breakfast</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
8:10 am - 8:55 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
8:10 am - 8:55 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:00 am - 9:45 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:00 am - 9:45 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:50 am - 10:35 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:50 am - 10:35 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:00 am - 12:00 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #0f727a;">Closing General Session</div> </div>
<!--div class="title-text">
General Session </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
</div></div><!-- close event-list-to-tabs-wrapper final-->
</div>
[/code]
I've also included a pic of the displayed result. Does this and the code above help at all?
[code]
<div class="ccm-page-list event-list-to-tabs-wrapper-tabs event-list-to-tabs-wrapper-tabs-9180">
<div class="event-list-to-tabs-wrapper event-list-to-tabs-wrapper-9180"> <input type="radio" id="tab-9180-0" name="tab-group-9180" checked="checked"> <label for="tab-9180-0">Monday, June 17 </label> <div class="event-list-to-tabs-items"> <div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
5:30 pm - 7:00 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Opening Reception</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
</div></div><!-- close event-list-to-tabs-wrapper --><div class="event-list-to-tabs-wrapper event-list-to-tabs-wrapper-9180"> <input type="radio" id="tab-9180-1" name="tab-group-9180" > <label for="tab-9180-1">Tuesday, June 18 </label> <div class="event-list-to-tabs-items"> <div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
7:00 am - 8:00 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Breakfast</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
8:00 am - 9:00 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #0f727a;">General Session</div> </div>
<!--div class="title-text">
General Session </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:30 am - 10:15 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:30 am - 10:15 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
10:20 am - 11:05 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
10:20 am - 11:05 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:10 am - 11:56 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:10 am - 11:55 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:55 am - 12:40 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Lunch</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
12:40 pm - 1:50 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #0f727a;">General Session</div> </div>
<!--div class="title-text">
General Session </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
2:00 pm - 3:10 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #84b937;">Individual Disrupter Presentations</div> </div>
<!--div class="title-text">
Individual Disrupter Presentations </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
3:40 pm - 4:50 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #84b937;">Individual Disrupter Presentations</div> </div>
<!--div class="title-text">
Individual Disrupter Presentations </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
5:30 pm - 7:00 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Reception</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
</div></div><!-- close event-list-to-tabs-wrapper --><div class="event-list-to-tabs-wrapper event-list-to-tabs-wrapper-9180"> <input type="radio" id="tab-9180-2" name="tab-group-9180" > <label for="tab-9180-2">Wednesday, June 19 </label> <div class="event-list-to-tabs-items"> <div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
7:00 am - 8:00 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #1aa0e0;">Breakfast</div> </div>
<!--div class="title-text">
Receptions & Meals </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
8:10 am - 8:55 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
8:10 am - 8:55 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:00 am - 9:45 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:00 am - 9:45 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:50 am - 10:35 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #72174a;">PE Panel</div> </div>
<!--div class="title-text">
Equity Investment Panel </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
9:50 am - 10:35 am<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #ec7421;">Growth Panels</div> </div>
<!--div class="title-text">
Growth Sector Panels </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
<div class="smallcal">
<div class="infowrap">
<div class="titlehead">
<div class="title clearfix">
<div class="time">
11:00 am - 12:00 pm<br/> </div>
<div class="title-link">
<div class="category_colors">
<div class="category_colored n2" style="background-color: #0f727a;">Closing General Session</div> </div>
<!--div class="title-text">
General Session </div-->
<div class="pulledContent"></div>
</div>
</div>
<div class="local">
</div>
</div>
</div>
</div>
</div></div><!-- close event-list-to-tabs-wrapper final-->
</div>
[/code]
I've also included a pic of the displayed result. Does this and the code above help at all?
