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 53: Line 53:
[[Image:online-text-assign-resource-screenshot.png|600x400px|border|thumb|center|Screenshot of online text assignment activity]]
[[Image:online-text-assign-resource-screenshot.png|600x400px|border|thumb|center|Screenshot of online text assignment activity]]


[[Image:upload-single-assign-screenshot.png|600x400px|border|center|Screenshot of single upload assignment activity]]
[[Image:upload-single-assign-screenshot.png|600x400px|thumb|border|center|Screenshot of single upload assignment activity]]


[[Image:advanced-upload-assign-screenshot.png|600x400px|border|center|Screenshot of advanced upload assignment activity]]
[[Image:advanced-upload-assign-screenshot.png|600x400px|thumb|border|center|Screenshot of advanced upload assignment activity]]


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

Revision as of 21:48, 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 page resource view

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 URL resource view

Assignment Activity

Screenshot of offline assignment activity
Screenshot of online text assignment activity
Screenshot of single upload assignment activity
Screenshot of advanced upload assignment activity

Chat activity

Choice activity

Database activity

Forum activity

Glossary activity

Lesson activity

Quiz activity

SCORM activity

Survey activity

Wiki activity

Workshop activity