---
title: "Hoe stel je de standaardhoogte en breedte van de ingesloten PDF in"
slug: "how-to-set-the-default-height-and-width-of-the-embedded-pdf"
description: "Preview size of the PDF files in the article would vary for browsers. However, you can configure the desired height and width of the PDF file."
tags: ["Customization"]
updated: 2026-07-10T12:30:48Z
published: 2026-07-10T12:30:48Z
canonical: "docs.document360.com/how-to-set-the-default-height-and-width-of-the-embedded-pdf"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Hoe stel je de standaardhoogte en breedte van de ingesloten PDF in

Standaard varieert de hoogte en breedte van een ingesloten PDF-voorvertoning in een artikel afhankelijk van de browser van de lezer. Je kunt een consistente vaste grootte instellen voor alle PDF-voorbeelden met Custom CSS, zodat de preview op dezelfde afmetingen wordt weergegeven voor alle lezers.

 OPMERKING

Deze omweg geldt alleen voor artikelen die zijn aangemaakt in de **Advanced WYSIWYG-editor**. PDF-voorbeelden in artikelen van de Markdown-editor worden niet beïnvloed.

---

## Wanneer deze oplossing te gebruiken

- **Inconsistente PDF-voorbeeldgroottes tussen browsers**: browsers renderen ingesloten PDF-objecten op verschillende standaardafmetingen. Deze oplossing zorgt voor een consistente grootte.
- **Controle over de prominente voortonen:** stel een grotere hoogte in om de PDF meer verticale ruimte op de pagina te geven, of een kleinere grootte om deze compact te houden naast de omliggende inhoud.

 WAARSCHUWING

De CSS-selector `object` richt **zich op alle** `<object>` elementen op de site, niet alleen PDF-embeds. Als je kennisbank tags gebruikt `<object>` voor andere contenttypes (zoals SVG's of ander embedded media), worden die ook door dit fragment verkleind.

---

## Snelle referentie

Vervang `500px` door de gewenste hoogte- en breedtewaarden.

```
object {
    height: 500px !important;
    width: 500px !important;
}
```

---

## Hoe je de hoogte en breedte van PDF-voorbeeldweergave instelt

1. Ga in het Knowledge Base-portaal naar **Instellingen** > **Knowledge Base-site** > **Custom CSS & JavaScript**.

![Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)

1. Selecteer het **CSS-tabblad** en plak het volgende fragment:

```
object {
    height: 500px !important;
    width: 500px !important;
}
```

1. Vervang beide `500px` waarden door de gewenste hoogte en breedte.
2. Klik **op Opslaan**.

![Custom CSS editor showing the PDF object height and width snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766930810821.png)

---

## Uitkomst

Na het opslaan van de CSS worden ingebedde PDF-voorbeelden weergegeven op de gespecificeerde vaste afmetingen in alle browsers.

![Knowledge Base site article showing an embedded PDF preview rendered at a fixed height and width set by Custom CSS.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-outcome_set_of_height_&_width.png)

---

## Reikwijdte en dekking

| Item | Detail |
| --- | --- |
| Reikwijdte | Globaal, alle `<object>` elementen in alle WYSIWYG-editorartikelen |
| Redacteurondersteuning | Alleen geavanceerde WYSIWYG-editor. Markdown-redacteurartikelen worden niet beïnvloed |
| Standaard voorbeeldgrootte | `500px` × `500px`, pas je aan op je indelingsbehoeften |
| Hoogte en breedte | Onafhankelijk ingesteld, kun je voor elk verschillende waarden gebruiken |
| Percentagewaarden | Ondersteund, gebruik `width: 100%` om de breedte van de artikelcontainer te vullen |

---

## Best practices

- **Stel de breedte in op een percentage in plaats van een vaste pixelwaarde waar mogelijk**: `width: 100%` vult de artikelcontainer en past zich aan aan verschillende schermgroottes, terwijl een vaste `500px` pixel kan overlopen op smalle schermen of te klein kan lijken op brede pagina's. Gebruik vaste waarden alleen wanneer je een precieze, onveranderlijke grootte nodig hebt.
- **Stel de hoogte in ten opzichte van je PDF-inhoud**: een te kleine hoogte dwingt lezers om binnen het voorbeeldpaneel te scrollen. Overweeg `600px` of `700px` om een standaard A4-portret-PDF te gebruiken om minstens één volledige pagina te tonen zonder te scrollen.
- **Test op mobiel na het aanbrengen**: vaste pixelafmetingen schalen niet op kleine schermen. Als je kennisbank veel mobiel verkeer heeft, controleer dan of de PDF-preview de artikellay-out niet overspoelt op smalle viewports.
- **Gebruik indien nodig een specifiekere selector**: als de brede `object` selector invloed heeft op andere embedded content op je site, vervang deze dan door een meer gerichte selector. Beperkt `article p object` bijvoorbeeld de reikwijdte tot `<object>` elementen binnen artikelparagrafen.