Expand my Community achievements bar.

[Sample] Embedding a pdf or a Video in an Adaptive form


Employee Advisor

Let's Begin:

Embedding a PDF

  • Create a Sample Adaptive form


  • Drag a static Text component in the form.


  • Click on the pencil icon to edit the Text


  • You get a palette with an option called 'Fullscreen' to maximize the editor (as shown below).


  • This maximized editor provides with a number of option to edit and format the text. Select the 'Source edit' option from the ribbon as shown below:


  • Replace the code with an iframe container to include a file, where the source can be a pdf in DAM Assets or even a link. Once done click the same Source Edit option to preview the file. You can do similarly for gif files.


  • Once done, close the editor using the 'Minimize 'option available on the top right side of the screen.


  • Now, Preview the form.
  • The container will require a plugin to render a pdf, like in my case it's Adobe Reader. You may also get the option to download, print and zoom the pdf based on the plugin.

     Sample Form preview


Embedding a Video

All the steps would remain the same except you need to use the below code in the source edit of the text Editor

<p>Sample video<br>

<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0"></iframe></p>

Preview would look something like this"


1 Reply


Level 1

Is this functionality no longer supported after AEM 6.5? The iframe works when I select "minimize" and even appears as expected on the adaptive form, but when I click the checkmark to save changes on the static text component, the iframe is there but empty.