Hallo,
Zu der Sichtbarkeit mit den Radio-Buttons (1 aus n Auswahl):
- Möglichkeit 1: Der Radio-Button liegt für Ihren Drucker am Ende/Anfang einer Seite und wird von den Seitenrändern geschluckt; Das liegt einfach an der unberechenbaren Druckbarkeit von Web-Seiten.
Meist hilft hier eine Umformatierung des Formulars (z.B. Zeilenumbrüche, oder evtl. für den im CSS Hinweise geben, welche Textpassagen nicht umgebrochen werden sollen bzw. an welchen Stellen das passieren darf: Stichwort W3C CSS page-break-Properties)
- Möglichkeit 2: Der CSS-Style des Radio-Elements besagt, dass er beim Druck nicht sichtbar sein soll oder eine andere Farbe haben soll (sollte bei unseren mitgelieferten Formularen nicht auftreten). Wir nutzen den Standard-CS-Style vom Bootstrap SDK.
Um das zu überprüfen, kann man das Webformular in einen normalen Browser, wie Safari, laden. In den Safari-Einstellungen den Entwickler-Modus anschalten (Einstellungen/Tab Erweitert/Menü Entwickler ...). Dort kann man auf den betroffenen Radio-Button klicken (rechte Maustaste) "Element-Informationen". Hier zunächst in den Druckmodus wechseln (kleines Druckersymbol im Kopf rechts oben über dem Quelltext). Danach kann man den CSS Style des Elements durchgehen (rechte Seite) und herausfinden, wo im CSS/HTML/JS evtl. ein "display: none;" oder Ähnliches herkommt.
Zur Sichtbarkeit von Bildern:
Das ist von den Web-Browser-Entwicklern so gewollt, damit nicht unnötig viel Tinte/Toner für einen einfachen textuellen Seitenausdruck verschwendet wird. Der Browser überschreibt beim Druck einfach den CSS-Style des Formulars.
Meist hilft einfach ein kleines "!Important" hinter die CSS Eigenschaft zu stellen, die man auch beim Druck wünscht:
background-image: url(images/Background.pdf) !Important;
background-repeat: no-repeat !Important;
Grüße, Ihre tomedo Entwickler