Tab control print.css

[svenskalec]

Hallo Gemeinde,

wir verwenden Tapcontrol in Verbindung mit einem Isotope Shop als Umschaltung für Bilder Datenblätter, Downloads etc.

Da der Kunde nun ein ordentliches Printlayout braucht, aber ich versucht dieses zu erstellen.

Leider wird immer nur das Aktive Tabcontrol mit in die Druckausgabe geführt.

Kann mir hierbei jemand mit Rat zur Seite stehen?
Wir möchten gerne alle Tabs beim drucken ausgeben.

[Andreas]

Ohne ne print.css wird das gedruckt, was du im Browser siehst.

Zeig mal einen Link zu der Seite mit dem Tab-Controll, dann kann man dir CSS geben, welches die versteckten Tabinhalte für die Druckausgabe sichtbar macht.

[svenskalec]

Deswegen bau ich ja gerade eine. Wenn ich diese nicht aktiviert wird bem drucken das ganze Layout zerhackt. Ist in diesem Falle mein Standard css unsauber?

Mezger.eu dort dann unter Produkte im eine Detailansicht


Gesendet von iPhone mit Tapatalk

[tab]

Naja, große Teile des CSS sind mit media query "@media screen ...". Die fehlen dann beim Druck. Kann gewollt sein oder auch nicht.

[svenskalec]

Wegen dem Drucklayout habe ich eine print.css im contao angelegt die bei Print greift. Die anderen habe ich gerade weil alles verschoben wird bei print deaktiviert.

[Andreas]

Auf jeden Fall musst du versuchen das Inline-Style zu überschreiben.

element.style {
  display: none;
  opacity: 0;
  visibility: hidden;
}

@media print {
  .ce_tabcontrol_pane .panes {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
} 

[svenskalec]

Super. Nun druckt er mir alle Tabs in der Druckvorschau aus. Jetzt muss ich das alles nur noch per css ausrichten und der Kunde hat seine Druckvorlage.

Besten Dank