Public Schedule Course Images

Community » Forums » Spark - Spark > Public Schedule Course Images

October 16, 2009 4:46:00 PM PDT (40 weeks ago). Seen 298 times.

[reply] [permalink]

Marko Gargenta

Marakana, Inc.

Member since Jan 19, 2007
Location: San Francisco
Posts: 90

This topic explains how to add the little course image next to courses in the public schedule, like we have on Marakana Public Schedule, originally inspired by C2 Graphics.

First, your courses should have an image associated with them. You can easily do this from Course Edit screen by selecting an image. We suggest uploading images onto the server using Static Files module in Spark Admin.

Note that categories can also have images. If a course doesn't have an image associate with it, the category image will trickle down and be visible for the course.

Secondly, in Settings module, make sure that page.training.schedule.course_logo.show is both Enabled and True.

Lastly, you may want to set/update the CSS class course-logo (or older course-icon) in your particular website skin CSS file. This is what I set our CSS file to include in order to support small course images:

Code:


.course-name img.course-icon {
    float:left;
    margin-right:10px;
}

img.course-icon {
    height:25px;
    width:25px;
}

Enjoy!
Marko

Edited one time. Last edit by Marko Gargenta on Jun 14, 2010 at 10:25:50 AM (about 5 weeks ago).