The custom attribute name 'cal_date' is not valid. It was discovered that it must start with 'data-' (to avoid possible future conflicts as html5 is developed) so changed to 'data-cal-date'.
<?php // Color of date text depending of the category color ?> <a> <div class="<?php echo $stamp->ifToday; ?> <?php echo $bgcolor; ?>" data-cal-date="<?php echo $stamp->this_day; ?>"> <?php echo $stamp->Days; ?> </div> </a>
Change cal_date to data-cal-date (line 116 in official default theme pack)
<?php // Day with no event ?>
<?php }else{ ?>
<div class="<?php echo $stamp->ifToday; ?>" data-cal-date="<?php echo $stamp->this_day; ?>">
<?php echo $stamp->Days; ?>
</div>
<?php } ?>
The custom fields can be easily displayed in your custom theme pack.
To display filled custom fields for an event, in the event details view, follow instructions below.
<?php // Custom Fields ?> <?php if ($CUSTOM_FIELDS): ?> <?php foreach ($CUSTOM_FIELDS AS $FIELD): ?> <?php if ($FIELD->value) : ?> <div class="ic-divRow"> <div class="ic-divCell ic-label"><?php echo $FIELD->title; ?></div> <div class="ic-divCell"><?php echo $FIELD->value; ?></div> </div> <?php endif; ?> <?php endforeach; ?> <?php endif; ?>
The feature icons can be easily displayed in your custom theme pack.
To display feature icons, please follow instructions below.
<?php // Feature icons ?> <?php if (!empty($FEATURES_ICONSIZE_LIST)) : ?> <div class="ic-features-container"> <?php foreach ($FEATURES_ICONS as $icon) : ?> <div class="ic-feature-icon"> <img class="iCtip" src ="<?php echo $FEATURES_ICONROOT_LIST . $icon['icon'] ?>" alt="<?php echo $icon['icon_alt'] ?>" title="<?php echo $SHOW_ICON_TITLE == '1' ? $icon['icon_alt'] : '' ?>"> </div> <?php endforeach ?> </div> <?php endif ?>
Open css/YOUR_THEME_component.css in a text editor.
/* Feature Icons */
/* Event List */
.ic-content > .ic-features-container {
}
/* Event Detail */
.ic-content > .ic-features-container {
margin-right: -5px;
margin-top: 5px;
}
.ic-feature-icon {
float: right;
}
<?php // Feature icons ?> <?php if (!empty($FEATURES_ICONSIZE_EVENT)) : ?> <div class="ic-features-container"> <?php foreach ($FEATURES_ICONS as $icon) : ?> <div class="ic-feature-icon"> <img class="iCtip" src ="<?php echo $FEATURES_ICONROOT_EVENT . $icon['icon'] ?>" alt="<?php echo $icon['icon_alt'] ?>" title="<?php echo $SHOW_ICON_TITLE == '1' ? $icon['icon_alt'] : '' ?>"> </div> <?php endforeach ?> </div> <?php endif ?>
// Display feature icons, if required if (!empty($e['features_icon_size'])) : ?> <div class="ic-features-container"> <?php foreach ($e['features'] as $icon) : ?> <div class="ic-feature-icon"> <img src ="<?php echo $e['features_icon_root'] . $icon['icon'] ?>" alt="<?php echo $icon['icon_alt'] ?>" title="<?php echo $e['show_icon_title'] == '1' ? $icon['icon_alt'] : '' ?>"> </div> <?php endforeach ?> </div> <?php endif;
/* Features */
#ictip .ic-features-container {
margin: 2px;
}
#ictip .ic-feature-icon {
float: right;
margin: 0px 0.5px;
}
Adapt your Custom Theme Pack to the new option 'Visitor Time Zone'.
If you have created a custom theme pack to be used with versions before 3.2.13, you will have to edit the file YOUR_THEME_day.php to be able to used the 'Visitor Time Zone' option in module iC calendar.
<?php // Color of date text depending of the category color ?> <a> <div class="<?php echo $stamp->ifToday; ?> <?php echo $bgcolor; ?>" cal_date="<?php echo $stamp->this_day; ?>"> <?php echo $stamp->Days; ?> </div> </a>
Add cal_date="<?php echo $stamp->this_day; ?>" and replace no_event by <?php echo $stamp->ifToday; ?> (line 111 in official default theme pack) and change day to Days (line 112)
<?php // Day with no event ?>
<?php }else{ ?>
<div class="<?php echo $stamp->ifToday; ?>" cal_date="<?php echo $stamp->this_day; ?>">
<?php echo $stamp->Days; ?>
</div>
<?php } ?>
Adapt your Custom Theme Pack to the new option 'All Dates'.
If you have created a custom theme pack to be used with versions before 3.2.8, you will have to add a new file to be able to used the 'All Dates' option for the Events List.
The file YOUR_THEME_list.php has been removed from the new official theme packs default and ic_rounded.
This file can still be used for Next/Last date display, but not for all dates.
<?php // List of Events Template ?>
<?php // List of Events ?>
<div class="items">
- <?php // Display for each event ?>
- <?php foreach ($stamp->items as $item){ ?>
<?php // START Event ?>
<div class="event">
<?php // START Date Box with Event Image as background ?>
<?php if ($item->next): ?>
<?php // Link to Event ?>
<a href="/<?php echo $item->url; ?>" alt="<?php echo $item->title; ?>">
<?php // If no Event Image set ?>
<?php if (!$item->image): ?>
<div class="box_date">
<span class="day"><?php echo $item->day; ?></span><br/>
<span><?php echo $item->monthShort; ?></span>
<span class="noimage"><?php echo JTEXT::_('COM_ICAGENDA_EVENTS_NOIMAGE'); ?></span>
</div>
<?php endif; ?>
<?php // In case of Event Image ?>
<?php if ($item->image): ?>
<div class="box_date" style="background: url(/<?php echo $item->image; ?>) no-repeat center center; background-size: cover; border: 1px solid <?php echo $item->cat_color; ?>">
<span class="day"><?php echo $item->day; ?></span><br/>
<span><?php echo $item->monthShort; ?></span>
</div>
<?php endif; ?>
</a>
<?php endif; ?><?php // END Date Box ?>
<?php // START Right Content ?>
<div class="content">
<?php // Header (Title/Category) of the event ?>
<div class="eventtitle">
<?php // Title of the event ?>
<div class="title-header">
<h2>
<a href="/<?php echo $item->url; ?>" alt="<?php echo $item->title; ?>"><?php echo $item->titlebar; ?></a>
</h2>
</div>
<?php // Category ?>
<div class="title-cat" style="color:<?php echo $item->cat_color; ?>;">
<?php echo $item->cat_title; ?>
</div>
</div>
<div style="clear:both"></div>
<?php // Next Date ('next' 'today' or 'last date' if no next date) ?>
<?php if ($item->day): ?>
<div class="nextdate">
<strong><?php echo $item->nextDate; ?></strong>
</div>
<?php endif; ?>
<?php // Location (different display, depending on the fields filled) ?>
<?php if ($item->place_name OR $item->city): ?>
<div class="place">
<?php // Place name ?>
<?php if ($item->place_name): ?><?php echo $item->place_name;?><?php endif; ?>
<?php // If Place Name exists and city set (Google Maps). Displays Country if set. ?>
<?php if ($item->city AND $item->place_name): ?>
<span> - </span>
<?php echo $item->city;?><?php if ($item->country): ?>, <?php echo $item->country;?><?php endif; ?>
<?php endif; ?>
<?php // If Place Name doesn't exist and city set (Google Maps). Displays Country if set. ?>
<?php if ($item->city AND !$item->place_name): ?>
<?php echo $item->city;?><?php if ($item->country): ?>, <?php echo $item->country;?><?php endif; ?>
<?php endif; ?>
</div>
<?php endif; ?>
<?php // Short Description ?>
<?php if ($item->desc): ?>
<div class="descshort">
<?php echo $item->descShort ; ?>
</div>
<?php endif; ?>
<?php // + infos Text ?>
<div class="moreinfos">
<a href="/<?php echo $item->url; ?>" alt="<?php echo $item->title; ?>">
<?php echo JTEXT::_('COM_ICAGENDA_EVENTS_MORE_INFO'); ?>
</a>
</div>
</div><?php // END Right Content ?>
<div style="clear:both"></div>
</div><?php // END Event ?>
- <?php } ?>
<?php // AddThis Social Sharing ?>
<?php if ($this->atlist): ?>
<div class="share">
<?php echo $item->share; ?>
</div>
<?php endif; ?>
</div>
<div style="clear:both"></div>
