Skip to main content
Skip table of contents

pdf-viewer

An HTML content command that becomes an HTML structure functioning as a viewer displaying the specified PDF File.  

Attributes

source

Required

Value type

EL-evaluated

Yes

File

Yes

Defines the PDF File that is to be displayed. 

height

Required

Value type

EL-evaluated

No

String

Yes

Defines the height of the viewer in CSS pixels. The resolved value is expected to be a String representing an integer.

If not defined, the width of the viewer is set to be the same as the width of its parent element.

width

Required

Value type

EL-evaluated

No

String

Yes

Defines the width of the viewer in CSS pixels. The resolved value is expected to be a String representing an integer.

If not defined, the width of the viewer is set to be the same as the width of its parent element.

Examples

The PDF viewer should be easy to use, usually it is enough to just define the source attribute:

CODE
<dyn-pdf-viewer source="${pdfDocument}"/>

"document.querySelector(".article-body").innerHTML;"

An HTML content command that becomes an HTML structure functioning as a viewer displaying the specified PDF File.  

Attributes

source

Required

Value type

EL-evaluated

Yes

File

Yes

Defines the PDF File that is to be displayed. 

height

Required

Value type

EL-evaluated

No

String

Yes

Defines the height of the viewer in CSS pixels. The resolved value is expected to be a String representing an integer.

If not defined, the width of the viewer is set to be the same as the width of its parent element.

width

Required

Value type

EL-evaluated

No

String

Yes

Defines the width of the viewer in CSS pixels. The resolved value is expected to be a String representing an integer.

If not defined, the width of the viewer is set to be the same as the width of its parent element.

Examples

The PDF viewer should be easy to use, usually it is enough to just define the source attribute:

CODE
<dyn-pdf-viewer source="${pdfDocument}"/>
JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.