Seitenumbruch - Fragebogen Diagramm Drucken

Question

Hallo!

Ich habe als live-Feedback Diagramme über ChartsJS eingebaut. Jedes der Charts hat dazugehörige Textbausteine. Wenn man sich das Ergebnis selbst drucken möchte - also im Browser über STRG+P, bekommt man ungünstige Seitenumbrüche... Kann man das irgendwie galant steuern, wo ein Seitenumbruch für den Druck erzeugt wird?

Danke!

Answer 1

Bitte sehen Sie sich dazu die CSS-Anweisung page-break-inside an. Diese müssten Sie für ein <div>-Element verwenden, welches Diagramm und Text beinhaltet.

Comments

Klappt noch nicht - wo liegt der Fehler?

html('
<div page-break-inside: avoid>');
question('PV04');

text('pvqradar', array(
  '%labels%' => json_encode($label_data),
  '%ownData%' => json_encode($value_data)
));
html('</div>
');

---

Und noch eine ergänzende Frage... Wie kann ich bestimmte Textbausteine, wie beispielsweise die Druck-Aufforderung in der Druck-Ansicht ausschließen?

---

In Ihrem HTML-Tag fehlt das "style"-Attribut, welches dann das page-break avoid beinhalten kann.

<div style="page-break-inside: avoid">

> Wie kann ich bestimmte Textbausteine, wie beispielsweise die Druck-Aufforderung in der Druck-Ansicht ausschließen?

Wenn es sich um einen Browser-Dialog handelt, werden Sie darauf keinen Einfluss nehmen können.

---

DANKE! Funktioniert. Doofer Fehler...

@Ausblenden. Da hab ich mich missverständlich ausgedrückt - es geht nicht um Browser-Dialog Elemente, sondern um meinen Textbaustein, der die TN auffordert die Auswertung abzuspeichern. Die würde ich gerne für den Druck selbst ausblenden.

---

SoSci Survey definiert standardmäßig eine CSS-Klasse .noprint dafür. Also:

<div class="noprint">...</div>