Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsEventsEventsLimit Events list to certain categoryLimit Events list to certain category
Previous
 
Next
New Post
3/15/2012 11:02 AM
 
Sure thing.

This is the HTML in the "List View Description":

<div class="sch_published" style="width: 30px; height: 32px;float: left; margin: 4px;">
<span class="sch_pub-month">[event:startdate|MMM]</span>
<span class="sch_pub-date">[event:startdate|dd]</span>
</div>
<div style="text-align: left; margin: 4px;"><strong><a href="[event:eventurl]">[event:title]</a></strong><br />[event:startdate|f]
</div>

The events module settings (for the sub-calendar):
 General settings: Filter events by category
 Look and feel: theme: default; icon bar: none
 Look and feel: icon bar: none
 Event List Settings: Events Fields to display:  Selected: 11-Description

I "repurposed" some CSS from the blog module (I hope the blog developers won't mind ;-) and added it to the default stylesheet for the portal (via the admin/settings/stylesheet editor) to style the date graphic. BTW - I renamed the class names to avoid conflicts with the blog CSS:

.sch_published {
 display: block;
 text-align: center;
 float:left;
 font-family: Arial, Helvetica, sans-serif;
 border-bottom: 2px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-top: 1px solid #cccccc;
 background:url(/site/portals/0/images/clip-bottom.png) right top no-repeat;
 width:2.5em;
 margin-right: 5px;
}
.sch_pub-month {
 display:block;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 margin:0;
 padding:0;
 padding-top:1px;
 background:url(/site/portals/0/images/clip-top.png) center top repeat-x;
 text-transform:uppercase;
}
.sch_pub-date {
 display:block;
 font-size:12px;
 margin:0;
 padding:0;
}

Note that you will need to grab the two image files from the blog module installation: clip-top.png and clip-bottom.png and adjust the path to the images within the CSS as needed. You could use an image editing program to change the image colors if the red / white theme doesn't work for you.
 
Previous
 
Next
HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsEventsEventsLimit Events list to certain categoryLimit Events list to certain category


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out