Magnolia 5.3 reached end of life on June 30, 2017. 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 in content area. The component definitions are configured in STK > Template Definitions /components/content.

Node nameValue

 components

 

 content

 

 stkHTML

 

 stkVideo

 

 stkFlash

 

 stkContact

 

 stkLinkList

 

 stkTextImage

 

 stkQuotedText

 

 stkDownloadList

 

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 of the DAM.
  • 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 of 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 DAM 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 Firefox browser renders a native HTML5 video player on the page:

  • 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

Contact

  • Single contact info.
  • Component definition: stkContact

  • No labels