Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Survey of existing page views and markup: Difference between revisions

From MoodleDocs
Line 49: Line 49:
==Assignment Activity==
==Assignment Activity==


[[Image:offline-assign-activity-screenshot.png|300x200px|frame|thumb|border|Screenshot of file resource view for a non-image, embedded file]]
[[Image:offline-assign-activity-screenshot.png|300x200px|frame|center|border|Screenshot of file resource view for a non-image, embedded file]]


[[Image:online-text-assign-resource-screenshot.png|600x400px|frame|border|thumb|Screenshot of file resource view for a non-image, embedded file]]
[[Image:online-text-assign-resource-screenshot.png|600x400px|frame|border|center|Screenshot of file resource view for a non-image, embedded file]]


[[Image:upload-single-assign-screenshot.png|600x400px|frame|border|thumb|Screenshot of file resource view for a non-image, embedded file]]
[[Image:upload-single-assign-screenshot.png|600x400px|frame|border|center|Screenshot of file resource view for a non-image, embedded file]]


[[Image:advanced-upload-assign-screenshot.png|600x400px|frame|border|thumb|Screenshot of file resource view for a non-image, embedded file]]
[[Image:advanced-upload-assign-screenshot.png|600x400px|frame|border|center|Screenshot of file resource view for a non-image, embedded file]]


==Chat activity==
==Chat activity==

Revision as of 21:32, 6 November 2012

Overall Conventions

  • First, the no-brainer: page content is inside of #region-main #region-content
  • Classes .box and .generalbox are utilized in many screen views, but not consistently across different resource and activity types
  • Most resources and activities use a combination of IDs and classes to style components

File resource

Visible Conventions

  • First-level header (optional)
  • Content embedded or as link
  • Content description, "intro"


Screenshot of file resource view for a non-image, embedded file
Screenshot of file resource view for a non-image, embedded file, with *Display resource name* setting enabled

Folder resource

Visible Conventions

  • First-level header (optional)
  • Content description (intro) in its own box
  • Content as dynamically generated folder tree (in its own box)


Screenshot of folder resource view

Page resource

Visible Conventions

  • First-level header (optional)
  • Content (with its own border)
  • Last-modified date


Screenshot of file resource view for a non-image, embedded file

URL resource

Visible Conventions

  • First-level header
  • Either embedded object presenting HTML content at URL or link to URL
  • Content description/intro (in border)


Screenshot of file resource view for a non-image, embedded file

Assignment Activity

Screenshot of file resource view for a non-image, embedded file
Screenshot of file resource view for a non-image, embedded file
Screenshot of file resource view for a non-image, embedded file
Screenshot of file resource view for a non-image, embedded file

Chat activity

Choice activity

Database activity

Forum activity

Glossary activity

Lesson activity

Quiz activity

SCORM activity

Survey activity

Wiki activity

Workshop activity