Discussion :

[Seb.26]

Bonjour,

lorsque je lance l’impression d'une page j'ai un souci de mise en page : Bootstrap applique le format xs" à toute ma page et donc c'est énorme sur le papier.

Je procède comme ci-dessous :

Code Home.aspx :: bouton PRINT dans le HTML :

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

1
2
3
<div class="col-xs-12 col-sm-6">
    <asp:LinkButton ID="bt_print_itemList" runat="server" CssClass="btn btn-primary btn-block" OnClientClick="window.open('Home.aspx?printMode=1')">bt_print_itemList</asp:LinkButton>
</div>

Code Home.aspx :: la fonction Page_load :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
protected void Page_Load(object sender, EventArgs e)
{
   ... du code ...
 
   if (Request.QueryString["printMode"] != null)
   {
      if( Request.QueryString["printMode"] == "1" )
      {
         ... du code de mise en page : cacher des div, cacher des boutons, des champs, remplacer des liens par du texte ...
 
         Page.ClientScript.RegisterClientScriptBlock(GetType(), "Impression", "window.print()", true);
      }
   }
}

ça marche bien sauf pour la mise en page, je voudrais appliquer le format bootstrap "lg" plutôt que le "xs" lors d'une impression, mais je sais pas comment faire ?!

Merci de vos lumières.
Seb

[charouel]

A-tu des @media dans ton code?

[Seb.26]

A-tu des @media dans ton code?

Non, pas du tout.

[EDIT]
De plus les labels aussi sont énormes, en fait pour avoir un truc potable, il faut que je mette la page en A2 en gros ...

[charouel]

Apparemment il y a une confusion avec Bootstrap, tu essaye de rajouter des CSS @Media pour le petit l'affichage => celui d'impression

[Seb.26]

En fait, le souci semble connu, Bootstrap applique le style "small" pour les impressions, moi je voudrais le style "large" ...

NB: j'utilise les 4 formats de mise en page : lg / md / sm / xs.

Apparemment il y a une confusion avec Bootstrap, tu essaye de rajouter des CSS @Media pour le petit l'affichage => celui d'impression

je dois essayer quoi ?! ( noob inside )

[EDIT]
PS: si vous voulez voir de quoi je parle, cliquez sur le lien ci-dessous, puis faites une impréssion (l'aperçu suffit)

http://www.w3schools.com/bootstrap/t..._ex6&stacked=h

Vous pourrez aussi constater qu'en passant de portrait à paysage, on "gagne une taille" (on passe de 'xs' à 'sm'), et en changeant la taille du papier, ça change encore ...