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

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.

Selecteer het CSS-tabblad en plak het volgende fragment:

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

Vervang beide 500px waarden door de gewenste hoogte en breedte.
Klik op Opslaan.

Custom CSS editor showing the PDF object height and width snippet pasted in the CSS tab with the Save button visible.

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.

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.

Documentation Index