Discussion :

[denisduval75]

Bonjour,

J'utilise la fonction Printer du framework PrimeFaces par la balise <p:printer>

Comme je souhaite paramétrer une orientation paysage par défaut, j'ai ajouté en CSS le code suivant mais sans succès.
Il ne me propose pas le paysage et de plus je perds toute la présentation.

Merci pour votre aide.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link type="text/css" rel="stylesheet" href="stylePrinter.css" media="print"/>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
@page {
size: A4 landscape;
}

Impression sans le code css :



Avec le code css :

[psychadelic]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
@page {
    size: A4 landscape;
}
 
/* ou alors carrément */
 
body {
    transform: rotate(-90deg);
}

?

[denisduval75]

J'ai essayé (post précédent) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
@page {
    size: A4 landscape;
}

ainsi que le transform: rotate(-90deg) bascule le tableau mais il est tronqué!

[psychadelic]

Et le "transform: rotate(-90deg)" bascule le tableau mais il est tronqué!

simple question de width / height a inverser aussi ??

[denisduval75]

Bonjour,

Je laisse width/height par défaut. C'est le datatable qui gère.
J'avoue ne pas trop vouloir modifier ça!

[psychadelic]

c'est quoi datatable ?

si tu fait tourner à 90° ton tableau, ce qui était avant sa largeur de vient sa hauteur, et inversement.

si, comme dan ton cas, la largeur est plus importante que la hauteur, alors forcément en effectuant cette rotation dans le même "cadre" le tableau sera forcément tronqué.

[NoSmoking]

Bonjour,
dans ce genre de situation je raisonne « responsive », comme pour une sortie écran, car rien ne t'empêchera de faire l'impression en portrait plutôt qu'en paysage, et ce n'est pas la règle @page qui le fera.

Nota : je n'ai pas bien saisi cette notion dans ton 1st post

Impression sans le code css :
Pièce jointe 372325

Avec le code css :
Pièce jointe 372332

[denisduval75]

Bonjour,

Dans mon 1er post, la 2ème image correspond au résultat obtenu si j'ajoute :

- Dans le head de la page : <link type="text/css" rel="stylesheet" href="stylePrinter.css" media="print"/> .

- En CSS : @page {size: A4 landscape;}

[psychadelic]

Je laisse width/height par défaut. C'est le datatable qui gère.

c'est quoi datatable ?

[denisduval75]

Bonjour,

Datatable est le composant table du framework PrimeFaces.

[psychadelic]

j'imagine mal commment le fait de changer une hauteur sur un élément table que tu puisse cibler ( sans doute en la plaçant à auto) et juste sur une feuille de style pour impression puisse bousiller ton framework.