This document will help you recreate the Latest Events as used on the Iconic Demo ( Click here to see ) , Document is based on Using JEvents 3.0.13.
You will need:
- You need the standard image addon - see http://www.jevents.net/en/jevents-club/demo-videos/72-standard-image-upload-demo
- You also need the create a managed layout - see http://www.jevents.net/en/jevents-15-topmenu-17/98-event-detail-layout-editing-
The List Row Custom Layout used is:
<div class="jevth">{{Thumbnail Link 1:JEV_THUMBLINK_1}}</div> {{Repeat Summary:REPEATSUMMARY}}{{Title Link:TITLE_LINK}}{{Creator Label:CREATOR_LABEL}}<em> {{Creator:CREATOR}}</em> :: {{Category:CATEGORY}}<br />
Copy the above and replace the code in: JEvents CPanel -> Custom Layouts -> List Row (Note, please disable your editor or toggle it off when adding the above)
For the latest events module I used:
${thumbimg1}${startDate(%e %b %y)}
${startDate(%I:%M%P)}[!a: - ${endDate(%I:%M%P)}]
${title}
As the custom format string, located within the modules parameters (or if using component settings, within JEvents CPanel -> Configuration -> Latest Events).
With this CSS
div.jevth {float:left;margin:0px 5px 5px 0px;width:120px;}
div.jevth a.ev_link_row {text-align:center;display:block;}
div.jevth img {margin:0px auto;}
.jeventslatest img, .mod_events_latest_table img {float:left;margin:0px 2px 2px 0px;width:50px;}
.mod_events_latest_table {width:225px;}
Placed in: JEvents CPanel -> Custom CSS