UI components offer a simple way to add advanced features to the front-end of your module. You can easily add a component by using $this->components (the Components object):

$this->components->add('file-previews');

Components overview

• File previews (file-previews)

  After adding the file-previews component, every <a href=""> tag with class="file-preview" will launch a file preview dialog, if there is a previewer available for the specific file format. The following file formats are supported:

  • Video: mp4, mov, avi (if browser supports the file type in the <video> element)
  • Audio: mp3, wav, ogg(if browser supports the file type in the <audio> element)
  • Images: jpg, jpeg, png, gif, psd, ai, tiff, bmp
  • Documents: pdf, txt, rtf, md, doc, docx, odt, ott (including variants)
  • Presentations: ppt, pptx, odp, otp (including variants)
  • Spreadsheets: xls, xlsx, ods, ots

• Text editor (wysiwyg)

• Drawing canvas (drawing)