Magnolia 4.5 reached end of life on June 30, 2016. This branch is no longer supported, see End-of-life policy.

Page tree
Skip to end of metadata
Go to start of metadata

Content components are used to add and edit page content of the Main area.

Text and Image

  • Component consisting of a subheading, text and an image.
  • Available on all the content templates.
  • Component definition: stkTextImage

Quoted text

  • Adding text in quotes.
  • Component definition: stkQuotedText

  • Adding a link list.
  • Component definition: stkLinkList

Download List

  • Download links to one or more files stored in a folder the DMS.
  • JCR query can be added for more specific file selection. The query is inserted after the WHERE clause.
  • Can limit files displayed by the file extension and/or the number or files.
  • Component definition: stkDownloadList

Video

  • Adds an HTML5 compliant video element on the page, making it possible to upload multiple source files or to link to DMS assets.
  • The type attribute specifies the MIME type, helping the browser to determine which file to download and if it can decode the file. The MIME type is automatically resolved by the Standard Templating Kit (STK).
  • If the requesting browser does not support the video element, Flash player acts as fallback.
  • Although MP4 is a common format for videos and supported by most browsers, HTML5 specification does not specify which video formats browsers should support. To ensure compatibility across a diverse platforms (mobile, tablet etc.) consider uploading different formats. By default the video component dialog allows:
  • During download first frame of the video is shown.
  • Alternatively, it is possible to upload a poster image for download or until the user hits play.

  • An example how the Safari browser renders a native HTML5 video player on the page:

An HTML code fragment like this is embedded on the page.

<video poster="/dms/videos/Concurrent-editing-poster.png" controls="controls" preload="none">
   <source src="/dms/videos/Concurrent-editing-m4v.m4v" type="video/mp4" />
   <source src="/dms/videos/Concurrent-editing-mov.mov" type="video/quicktime" />
</video>
  • Component definition: stkVideo

Flash Animation

  • Adding a flash animation.
  • Component definition: stkFlash

HTML Component

  • A component for entering HTML code, providing complete control over formatting, content and style.
  • Can also use it to embed JavaScript snippets, for example a slideshow.
  • Component definition: stkHTML
  • No labels