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 13: Line 13:




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


  [[Image:file-resource-screenshot-withheading.png|600x400px|border|center|Screenshot of file resource view for a non-image, embedded file, with *Display resource name* setting enabled]]
  [[Image:file-resource-screenshot-withheading.png|600x400px|border|center|thumb|Screenshot of file resource view for a non-image, embedded file, with *Display resource name* setting enabled]]


==Folder resource==
==Folder resource==

Revision as of 21:42, 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 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