Stellt ein PDF übersichtlich mit Blätterfunktion dar.
Dokumenten mit Blätterfunktion. Sie ermöglicht wahlweise die Anzeige einzelner Seiten oder eines zweiseitigen Spread-Layouts und kann optional eine Download-Funktion bereitstellen. Der Viewer ist leichtgewichtig, mehrfach auf einer Seite einsetzbar und lässt sich über Attribute sowie minimale CSS-Variablen an das gewünschte Branding anpassen. Dank moderner Web-Technologien eignet er sich sowohl für lokale Entwicklung als auch für produktive Umgebungen ohne externe Abhängigkeiten.
Beispiel
Mit folgenden Parametern kann der Viewer gestaltet werden:
CSS
html bh-pdf-viewer {
--bh-pdf-accent-color: #3b82f6;
--bh-pdf-font-color: #111827;
--bh-pdf-font: "Inter", sans-serif;
--bh-pdf-border-radius: 12px;
--bh-pdf-body-background: linear-gradient(to bottom, #f8fafc, #e2e8f0);
--bh-pdf-aspect-ratio: 16 / 9; /* default is 4 / 3 */
}
Attribute
| Name | Beschreibung | Type | default | required |
|---|---|---|---|---|
| download | definiert ob das PDF heruntergeladen werden kann | boolean | true | |
| spread | definiert ob zwei Seiten nebeneinander angezeigt werden können | boolean | true |
Beispiel
html
<bh:pdfViewer file="{cObj.picture}" download="true" spread="true" />