How to print contents of ASP.Net AJAX Modal Popup Extender using JavaScript

Question

How to implement print functionality inside Ajax Modal pop up I have a Ajax Modal pop up in one of the Web page Inside modal pop up I have a print button when I click on print to print the contents of Modal pop up print window does not appearPlease reply some solution how to achieve it so that it work well inside Ajax Modal pop up

Azim · Accepted Answer

You need to remove the style attribute from panelBody tag I haved added the Id to div  which is having this class panelbodydivI have added your panel content to test itHTMLlt Register Assembly34AjaxControlToolkit34 Namespace34AjaxControlToolkit34 TagPrefix34cc134 gtltDOCTYPE html PUBLIC 34W3CDTD XHTML 10 TransitionalEN34 34httpwwww3orgTRxhtml1DTDxhtml1transitionaldtd34gtlthtml xmlns34httpwwww3org1999xhtml34gtlthead id34Head134 runat34server34gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body                    fontfamily Arial            fontsize 10pt                modalBackground                    backgroundcolor Black            filter alphaopacity60            opacity 06                modalPopup                    backgroundcolor FFFFFF            width 300px            border 3px solid 0DA9D0            border

Richa · Answer

Using below lines in print Javascript is working fine except one new issuevar panelBody  documentgetElementById34panelbodydiv34panelBodyremoveAttribute34Style34Since the style has been removed so when I click on Print button print window workes fine but my Modal Pop up styledesign removes which disturbs the look and feel of Modal Pop upPlease find the attached snapshothttpimageshackcomaimg6618860Od4wSjpngPlease reply how to solve it

Azim · Answer

Please refer this script Here i am not removing the style from div tag instead i am removing the height from the style and again adding same height to div tagltscript type34textjavascript34gt        function PrintPanel             var panel  documentgetElementById34ltpnlPopupClientID gt34            var panelBody  documentgetElementById34panelbodydiv34            panelBodystyleheight  3434            var printWindow  windowopen3939 3939 39height400width80039            printWindowdocumentwrite39lthtmlgtltheadgt39            printWindowdocumentwrite39ltheadgtltbody gt39            printWindowdocumentwritepanelinnerHTML            printWindowdocumentwrite39ltbodygtlthtmlgt39            printWindowdocumentclose            setTimeoutfunction                  printWindowprint             500            panelBodystyleheight

How to print contents of ASP.Net AJAX Modal Popup Extender using JavaScript

Company

Explore

Follow us

Contact Us