Lesezeit
weniger als1 Minute
iFrame in PRTG-MAP einbinden
Bei vielen Nutzern von PRTG ist es üblich, dass sich der Admin auf einem eigens dafür abgestellten Display eine PRTG Map mit einer Übersicht zu den IT-Systemen anzeigen lässt. Des Öfteren besteht dabei auch der Bedarf, über ein iFrame zusätzliche Informationen von einer externen URL einzublenden. Die anzuzeigende Webseite soll sich dabei dynamisch an die Größe des iFrame anpassen. Mit wenigen Schritten lässt sich solch ein Szenario recht leicht realisieren.
Im Map Designer von PRTG steht das Element "Custom HTML" zur Verfügung. Damit können Sie beliebigen HTML-Code zu einer Map hinzufügen. Damit die einzublendende Webseite exakt in das iFrame-Fenster eingepasst wird, erstellen Sie eine Style-Klasse "responsive" mit den im Bild ersichtlichen Optionen und fügen die Informationen im Feld "HTML Before" ein. Den Quellcode für die genannte Klasse finden Sie zum Download in der PRTG Knowledge Base unter [1]. Die Größe der externen Seite im iFrame beeinflussen Sie durch Anpassen des Wertes "transform: scale(0.35)". Den Wert src="https://www.webseite.de" ersetzen Sie durch die URL der einzublendenden Seite.
ln
[1] https://kb.paessler.com/en/topic/73632-prtg-s-maps-with-responsive-iframe[...]
ln
[1] https://kb.paessler.com/en/topic/73632-prtg-s-maps-with-responsive-iframe[...]