Da es mich gestört hat, dass die Patientenformulare beim Patienten keinen Bezug zur Praxis zeigen nud bei längen Fragebögen schnell die Übersicht verloren geht, habe ich mal ein wenig probiert und ein Demo-Formular mit Logo und einem Fortschrittsbalken gebaut:
Das ist der entsprechende JSON-Code:
{
"title": "Demoformular mit Logo und Fortschrittsanzeige",
"description": "Die Beschreibung der Formularvorlage",
"logo": "[hier individuellen Base64-Code für die Grafik einbinden]",
"logoHeight": "150px",
"logoFit": "cover",
"pages": [
{
"name": "Seite1",
"title": "1. Seite",
"elements": [
{
"type": "html",
"name": "Frage1",
"html": "<p>Dies ist Seite 1.</p>"
}
]
},
{
"name": "Seite2",
"title": "2. Seite",
"elements": [
{
"type": "html",
"name": "Frage2",
"html": "<p>Dies ist Seite 2.</p>"
}
]
}
],
"showProgressBar": true,
"progressBarLocation": "aboveheader"
}
Das Logo sollte im Base64-Format eingebunden werden, damit es auch auf den PDF-Ausgaben sichtbar wird. Eingeben wird es an der Stelle im JSON-Code "hier individuellen Base64-Code für die Grafik einbinden]". Da ich hier nicht so viele Zeichen posten kann, habe ich den Grafik code entfernt. Er biginnt immer mit "data:image/png;base64," bei einer PNG-datei als Quelle.
Umwandeln lassen sich Bilddateien beispielsweise hier: https://www.base64-image.de/
Theoretisch sollte dies auch mit einer Web-URL funktionieren, aber beim Ausdruck wird das Logo dann nicht mehr angezeigt. Dort ist in diesem Fall nur noch ein leeres Rechteck zu sehen. Mit den Base64-Daten wird das Logo auch beim Druck verwendet.
Was nicht funktioniert, sind spezoelle Postionsangaben für das Logo, Es wird immer nur oben rechts angezeigt.
Für den Fortschrittsbalken, die "ProgressBar", gibt es nach der Beschreibung von SurveyJS mehrer Optionen:
- Auto (den Eintrag "progressBarLocation" einfach weglassen)
- Above the Header ("progressBarLocation": "aboveheader")
- Below the Header ("progressBarLocation": "belowheader")
- Bottom ("progressBarLocation": "bottom")
- Top and Bottom ("progressBarLocation": "topbottom")
- Top ("progressBarLocation": "top")
Diese Einstellungen sind von tomedo offiziell nicht dokumentiert, funktionieren bei mir mittlerweile in einigen Patientenformularen problemlos. Ein wenig unhandlich ist die Vorgehensweise: Die Einstellungen müssen im JSON-Editor erfolgen.
Beste Güße aus Augsburg
Christian Schacht
