Final PDF Print E-mail

Finally we'll add the event description and a few tweaks, like the "website" tag and some icons including some that are only displayed when certain tags are present.  Because the event descriptions contain a lot of content, we'll also widen the table and move it to the end of this page:

  1. <tr gCalMarkup.style.x="color:{gCalMarkup color}; background-color:{gCalMarkup select=#DECA95|#FEEAB5};">
  2.   <td>
  3.     <a title="Show event on Google calendar: location map, add to your calendar, etc." gCalMarkup.href.x="{gCalMarkup _eventURL}">
  4.       <img src="images/icons/google-calendar.png" />
  5.     </a>
  6.     <img gCalCategory=".series" title="NVRC Series Race" src="images/icons/medal_gold_2.png" />
  7.     <img gCalCategory=".local" title="Local Race" src="images/icons/tick.png" />
  8.   </td>
  9.   <td colspan="3">{gCalMarkup _eventDescription}</td>
  10. </tr>
  11. <tr class="nvrunRow {gCalMarkup select=gCalMarkupRowA|gCalMarkupRowB}">
  12.   <td>{gCalMarkup iftag=website Website:}</td>
  13.   <td colspan="4"><a gCalMarkup.href.x="{gCalMarkup tag=website}">{gCalMarkup tag=website}</a></td>
  14. </tr>

Lines 3 through 5 display an icon for each event with a link to Google for that event.  The {gCalMarkup _eventURL} command is replaced with the correct URL for each event and gCalMarkup.href.x is replace with href.  Lines 6 and 7, display icons only when a particular tag is present.  The <img> tags in lines 7 and 10 contain the special attribute gCalCategory.  This attribute contains the name of a category that must be present in the event for this HTML tag to be displayed.  If the category tag isn't present, the HTML tag, as well as any children, will be removed.

Finally, lines 11 through 14 display the website if a [website=url] tag exists in the event description.

Show:
RacesClub Events...
Waiting for google calendar...
{gCalMarkup _eventMonth}/{gCalMarkup _eventDay} {gCalMarkup _eventTime} {gCalMarkup _eventTitle}
{gCalMarkup _eventDescription}
{gCalMarkup iftag=distance1 Distances:} {gCalMarkup tag=distance1} {gCalMarkup tag=distance2} {gCalMarkup tag=distance3}
{gCalMarkup iftag=fee Fee:} {gCalMarkup tag=fee}
{gCalMarkup iftag=website Website:} {gCalMarkup tag=website}
{gCalMarkup _eventMonthText} {gCalMarkup _eventYear}
Last Updated on Tuesday, 27 October 2009 13:22
 
Symmetric Designs and gCalMarkup are not affiliated with or endorsed by the Joomla Project or Open Source Matters. The Joomla logo is used under a limited license granted by Open Source Matters, the trademark holder in the United States and other countries. gCalMarkup is not supported or warranted by the Joomla Project or Open Source Matters.