Ändern Sie das Druckformat der Webseite in C#

Ich habe eine Seite mit mehreren Bildern darauf. Ich möchte es so drucken, wie es auf der Webseite angezeigt wird. Hier ist das Bild der Webseite.Ändern Sie das Druckformat der Webseite in C#

, wenn ich es drucken, es zeigt wie unten Bild

ich es will es gleich drucken, wie es in Web-Seite angezeigt wird.

Hier ist der Code zum Anzeigen von Bildern auf dynamischen Divs.

HtmlGenericControl div = new HtmlGenericControl("div"); 
      div.Attributes.Add("id", divId); 
      div.Attributes.Add("class", divClass); 
      div.Attributes.Add("runat", "Server"); 
      // div.Attributes.Add("style", "border:0px Solid black"); 
      if (divClass == "divleft") 
      { 
       diva.Controls.Add(div); 
       div.Controls.Add(img); 
      } 
      else 
      { 
       divb.Controls.Add(div); 
       div.Controls.Add(img); 
      }

hier ist der Code für die Drucktaste

<div id="DivMain" runat="server" class="page" > 
     <div id="diva" runat="server" class="subpage"> 


     </div> 
     <div id="divb" runat="server" class="subpage2"> 

     </div> 
    </div> 


    <div> <input type="button" value="Print Barcode" class="Logout" onclick="javascript: return PrintPanel();" /></div> 
<script type="text/javascript"> 
      function PrintPanel() { 
       //var panel = document.getElementById("<%=DivMain.ClientID %>"); 
      var panel = document.getElementById("ctl00_BodyContentPlaceHolder_DivMain"); 
      //alert(panel.id); 
      PrintElem(panel.id); 

     } 
     function PrintElem(elem) { 
      var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
      mywindow.document.write('<html><head><title>' + document.title + '</title>'); 
      mywindow.document.write('</head><body >'); 
     // mywindow.document.write('<div class=page-break></div>'); 
      mywindow.document.write('<h1>' + document.title + '</h1>'); 
      mywindow.document.write(document.getElementById(elem).innerHTML); 
      mywindow.document.write('</body></html>'); 

      mywindow.document.close(); // necessary for IE >= 10 
      mywindow.focus(); // necessary for IE >= 10*/ 

      mywindow.print(); 
      mywindow.close(); 
      return true; 
     }

Wie es zu erreichen? jede Hilfe würde geschätzt werden.

Quelle

2017-07-17 Saeed ur Rehman

Sie sollten Ihre CSS-Datei hinzufügen Seite ausdrucken zu:

... 
mywindow.document.write('<html><head><title>' + document.title + '</title>'); 
mywindow.document.write('<link rel="stylesheet" href="/*path to css*/"/>'); 
mywindow.document.write('</head><body >'); 
...

Wenn Ihre Druckeinstellungen unterschiedlich sind, können Sie unter Anweisung in Ihrem CSS verwenden, um verschiedene Werte für den Druck Seite zu geben:

@media print { 
    … 
}

Quelle

2017-07-17 12:54:33

Ändern Sie das Druckformat der Webseite in C#

Antwort

Verwandte Themen