Forcer le paramètre @page à null

Version imprimable

29/06/2023, 11h59
clavier12AZQSWX

Forcer le paramètre @page à null

bonjour,

Dans un site web qui publie des tableaux dynamiquement , j'ai besoin au cas par cas (suivant le nb de colonnes) de laisser l'utilisateur choisir si il imprime en portrait ou en paysage.
problème : depuis qq temps, la navigateur détecte si une option @page a été spécifié et masque la partie des options qui permet à l'utilisateur de choisir entre portrait/paysage !!!

Je souhaite donc ajouter en dernière ligne de code CSS (juste avant mon body) une instruction qui annule la propriété @page qui aurait été spécifiée dans les lignes avant ou dans les fichiers include d'avant mon <body>.

comment faire ?

En gros si un fichier include contient ça ou une ligne avant la mienne:

Code:

@media print{@page {size: landscape}}

bun je veux que ça devienne

Code:

@media print{@page {size:null }}

afin que le navigateur comprenne qu'il n'y a plus de propriété @page spécifiée dans la CSS et qu'il m'affiche l'option portrait/paysage quand on clique "imprimer".
Ci dessus j'ai volontairement écrit null mais ça n'existe pas !

alors, comment faire ?
30/06/2023, 08h13
NoSmoking
Bonjour,

Citation:

Ci dessus j'ai volontairement écrit null mais ça n'existe pas !

je ne comprends pas ta logique pourquoi mettre une valeur que tu sais ne pas exister, autant lire la documentation pour se renseigner.

Citation:

Envoyé par Page size: the size property

Name: size

For: @page

Value: <length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]

Initial: auto

Computed value: specified value, with <length>s made absolute.

↪ Page size: the size property
Code:

1 2 3 @page { size: auto; }
... devrait faire l'affaire !
30/06/2023, 09h53
clavier12AZQSWX

en fait je souhaite enlever une valeur afin que chrome/firefox détecte qu'elle n'est pas spécifiée et affiche l'option portrait/paysage dans la boite de dialogue imprimer.

dans chaque page web, j'ai une accumulation de ligne comme ça :

<link rel="stylesheet" type="text/css" href=.... qui sont indépendantes de ma volonté (une pour le profil utilisateur, une pour le profil framework..etc). forcément la dernière qui spécifie le paramètre SIZE aura le dessus sur les précédentes.
je ne peux pas corriger ou annuler les déclarations de ces injections CSS par LINK.
Par contre , je peux faire succéder ces lignes par une autre commande de Style. ça s'appelle de l'OVERRIDE CSS . vous connaissez ce principe ?
En gros c'est le dernier paramétrage qui l'emporte sur les autres.

Ainsi, si dans un fichier css (profil framework ou utilisateur), quelqu'un a déjà mis un mode Portrait dans SIZE, je veux que ce mode soit remplacée par "rien".

En php, je ferai ainsi :
c'est comme si on a
fichier1.inc . php qui contient $a=1;,
fichier2.inc . php qui contient $a=5;,
et bien moi, derrière, je place :
unset($a); pour désactiver l'existence de ce paramètre.

Sauf qu'en CSS, je ne sais pas l'équivalent de UNSET.
30/06/2023, 11h16
NoSmoking

Citation:

Par contre , je peux faire succéder ces lignes par une autre commande de Style. ça s'appelle de l'OVERRIDE CSS . vous connaissez ce principe ?
En gros c'est le dernier paramétrage qui l'emporte sur les autres.

cela reste la base du CSS toutes nouvelles déclarations écrasent les précédentes (sauf cas de l'usage !important).

Il te suffit donc de surcharger le CSS en ajoutant la règle qui va bien en dernier.
30/06/2023, 11h31
clavier12AZQSWX

en gros et plus simple , je cherche juste la syntaxe pour surcharger le size par une valeur null.

en php/js, la surcharge fonctionne par le remplacement d'une valeur null, mais en css, je ne sais pas. je vais donc tester auto, espérant qu'il annule les landscape/portrait précédents.

merci.

Name:	size
For:	@page
Value:	<length>{1,2} \| auto \| [ <page-size> \|\| [ portrait \| landscape ] ]
Initial:	auto
Computed value:	specified value, with <length>s made absolute.