Remove From My Forums

Print Variable in Bold using windows.print()

Question

User-797751191 posted

I have below code for print , i want to print variable Name in bold. Secondly Date is getting printed i want to hide it.

<script type="text/javascript">     
        function PrintDiv()
        {
            var divToPrint = document.getElementById('divToPrint');
            var Name = document.getElementById("txtName"); 
            Name.setAttribute("value", Name.value);
            var popupWin = window.open("");
           popupWin.document.open();
           popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
            popupWin.document.close();
        }
     </script>


<div id = "divToPrint">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="Inner1">
                                <p>The Head</p>
                                <p>Subject :</p>
                            </div>
</div>
</div>
</div>
</div>

Thanks

Friday, June 21, 2019 7:39 AM

All replies

User665608656 posted

Hi jsshivalik,

According to your description, you want to print part of the content on this page,right?

If so,I recommend you don't need to open a new window to print the partial content,you can use the code below:

 <script type="text/javascript">     
        function PrintDiv() {
            var restorepage = document.body.innerHTML;
            var printcontent = document.getElementById("divToPrint").innerHTML;
            document.body.innerHTML = printcontent;
            window.print();
            document.body.innerHTML = restorepage;
        }
    </script>

To sovle your issues above,you could add css style like this:

<style type="text/css">
        @page {
            size: auto;
            margin: 0mm;
        }

        @media print {
            .Inner1{
                font-weight:bold;
            }
        }
    </style>

Here is the result of this work demo:

Best Regards,

YongQing.

Friday, June 21, 2019 9:51 AM

0

Sign in to vote

User-1038772411 posted

Hello jsshivalik,

Kindly refer the following links, I hope this will help you

https://www.aspsnippets.com/Articles/Print-DIV-contents-with-CSS-using-JavaScript-and-jQuery.aspx

https://stackoverflow.com/questions/24469584/print-a-div-and-its-content-with-css-style-in-asp-net-c-sharp

Thank you.

Friday, June 21, 2019 1:04 PM

Asked by:

Print Variable in Bold using windows.print()

Question

All replies