Courses lists upgrade to 2.5
From MoodleDocs
There are significant changes in course-related functions and UI in 2.5. This document is aimed to assist migration from 2.4 to 2.5. This is NOT a complete documentation on 2.5 features.
Theme developers
All course listings are now performed through the same renderer functions.
There are significant changes to CSS classes used
CSS classes hierarchy
div.course_category_tree[.courses-only] (also has different classes for different types of listings) div.subcategories div.paging (pagination) div.category[.with_children[.loaded[.collapsed]|.notloaded]] (does NOT have background image any more) div.category_label (in some themes has background image with gradient) [h3|h4].category_name (<h4> for nested categories) (has background image 'collapsed'/'expanded') a.category_link div.subcategories .... div.category div.category ... div.paging (may be pagination or 'more' link) div.courses div.paging (pagination) div.course [div|h3].course_name (<h3> if course is shown expanded, with summary and contacts, <div> if only name and info present) a.course_link (has background image 'course') div.course_info div.course_summary ul.course_contacts li div.course div.course ... div.paging (may be pagination or 'more' link)
Pages, displaying information about one course only (/course/info.php, /enrol/index.php ):
div.course-info-box div.course h3.course_name a.course_link div.course_info div.course_summary ul.course_contacts li
Quick reference
2.4 | 2.5 | Comments |
---|---|---|
.coursebox | .course_category_tree.courses-only .courses .course, .course-info-box .course | May be also without .courses-only |
.coursebox .teachers | .course_category_tree .courses .course .course-contacts, .course-info-box .course .course-contacts | |
.coursebox h3 | ||
.coursebox .info | .course_category_tree.courses-only .courses .course_link | |
.coursebox .summary | .course_category_tree .courses .course .course-summary | |
.categorylist | .course_category_tree .subcategories | |
.categorylist .category .indentation | .course_category_tree .category .subcategories | |
#page-course-category .courseboxes, #page-course-index .courseboxes | .course_category_tree.courses-only .courses | |