Printing Tabcontainer results in empty pages

Reply

r2ls

Member

25 Points

70 Posts

Printing Tabcontainer results in empty pages

Jan 18, 2008 07:37 AM|r2ls|LINK

Hello all,

I have a Tabcontainer from the Ajax Control Toolkit and I want to print the page. But printing alway results in empty pages, only the number of pages is displayed on it.

I tried with and without updatePanel, but it ends in same result.

Anyone an idea? thanx much

Further info: After clicking a print button, I open a popup (javascript) and open the page without masterpage in it to fit it to page. A print dialog is automatically openend after poping up(javascipt)

Reply

cdpandya1

Member

210 Points

67 Posts

Re: Printing Tabcontainer results in empty pages

Jan 18, 2008 09:36 AM|cdpandya1|LINK

Write the the following code in your aspx file and call the function getPrintPri.

Pameters are Panel ID. & title (For this u need to put the portion of page that u need to print in a panel, and the pass the ID of panel as first parameter of below function)

//Generating Pop-up Print Preview page
       function getPrintPri(print_area,Title)
       {
           //Creating new page
           var pp = window.open();
           //Adding HTML opening tag with <HEAD> … </HEAD> portion
           pp.document.writeln('<HTML><HEAD><title>Print Preview : '+Title+'</title>')
           pp.document.writeln('<LINK href=CSS/style.css type="text/css" rel="stylesheet" media="all"><base target="_self"></HEAD>')
           //Adding Body Tag
           pp.document.writeln('<body MS_POSITIONING="GridLayout" bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0">');
           //Adding form Tag
           pp.document.writeln('<form method="post">');
           //Creating two buttons Print and Close within a table
           pp.document.writeln('<TABLE width=100%><TR><TD></TD></TR><TR><TD align=right><INPUT ID="PRINT" type="button" value="Print" onclick="javascript:location.reload(true);window.print();"><INPUT ID="CLOSE" type="button" value="Close" onclick="window.close();"></TD></TR><TR><TD></TD></TR></TABLE>');
           //Writing print area of the calling page
           var docInnerHTML = document.getElementById(print_area).innerHTML
            pp.document.writeln(docInnerHTML);
           //Ending Tag of </form>, </body> and </HTML>
           pp.document.writeln('</form></body></HTML>');

       }

Chintan
Please remember to 'Mark as Answer' if this post answered your question!

Reply

r2ls

Member

25 Points

70 Posts

Re: Printing Tabcontainer results in empty pages

Jan 18, 2008 09:51 AM|r2ls|LINK

thanx for your replay.

My problem is, the print button is on the masterpage that does not know the panelid.

I just know the URL, open it without masterpage and want to print, which works fine as long as no tabcontainer is used

Reply

cdpandya1

Member

210 Points

67 Posts

Re: Printing Tabcontainer results in empty pages

Jan 19, 2008 04:44 AM|cdpandya1|LINK

What i am trying to explain is u take an <asp:Panel> and put your content (of COntent page) that u need to print on printer inside that asp:Panel and pass the ID of the <asp:Panel> to the above JavaScript function....

Hope this would solve the problem...

Please remember to 'Mark as Answer' if this post answered your question!

Chintan
Please remember to 'Mark as Answer' if this post answered your question!

Reply

r2ls

Member

25 Points

70 Posts

Re: Printing Tabcontainer results in empty pages

Jan 21, 2008 02:44 AM|r2ls|LINK

I tried that way but I failed, but this could be due to I am relative new to .NET

Do you have some example code?

Reply

Hong-Gang Ch...

All-Star

62358 Points

6684 Posts

Re: Printing Tabcontainer results in empty pages

Jan 23, 2008 02:25 AM|Hong-Gang Chen - MSFT|LINK

r2ls

I tried that way but I failed, but this could be due to I am relative new to .NET

Do you have some example code?

Hi r2ls,

According to your requirement, I write a demo for your reference, see the following code:

AJAX.master:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="AJAX.master.cs" Inherits="Ajax_AJAX" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Master Page</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>

    <script language="javascript" type="text/javascript">
        var containerID=0;
        function doPrint(){       
            if(containerID==0 ||containerID==""){
                alert("Sorry, it is unavailable to print.");
                return;
            }
            window.document.body.innerHTML=document.getElementById(containerID).innerHTML;
            window.print();
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <input id="btnPrint" type="button" value="Print" onclick="doPrint()" />
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

AJAXTap.aspx:

<%@ Page Language="C#" MasterPageFile="~/Ajax/AJAX.master" AutoEventWireup="true"
    CodeFile="AJAXTap.aspx.cs" Inherits="Ajax_AJAXTap" Title="AJAX Tap" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <ajaxToolkit:TabContainer ID="tabcontainer1" runat="server" ActiveTabIndex="1" OnClientActiveTabChanged="getContainerID">
        <ajaxToolkit:TabPanel ID="tab1" runat="server">
            <HeaderTemplate>
                Tab1
            </HeaderTemplate>
            <ContentTemplate>
                tab1
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel ID="tab2" runat="server" >
            <HeaderTemplate>
                Tap2
            </HeaderTemplate>
            <ContentTemplate>
                tab2
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>
    <script type="text/javascript" language="javascript">
        var tabContainerClientID ="<%=tabcontainer1.ClientID %>";
        function getContainerID(){
           //containerID is global
           containerID=$find(tabContainerClientID).get_activeTab()._element.id;
        }
        function pageLoad(){
            getContainerID();
        }
    </script>
</asp:Content>

Let me know if I have misunderstood what you mean. Thanks.

Hope it helps,

Hong Gang

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies,please contactmsdnmg@microsoft.com.
Microsoft One Code Framework

Reply

r2ls

Member

25 Points

70 Posts

Re: Printing Tabcontainer results in empty pages

Jan 28, 2008 05:40 AM|r2ls|LINK

This does work for pages with a tabcontainer, but I would like to have a global print button for all pages. That does work in my code instead of the tabcontainer which still remain empty.

Here is my code:

In the masterpage I switch the session variable to print.master and open the page in a new window:

protected void btnPrint_Click(object sender, ImageClickEventArgs e)
    {
        Session["Masterpage"] = "~/Portal/Print.master";


        StringBuilder onloadScript = new StringBuilder();
        onloadScript.Append("&lt;script type='text/javascript'>\n");
        onloadScript.Append("window.open('" + Request.Url.ToString() + "', 'Druckansicht','width=700,height=800,scrollbars=yes,resizable=yes');");
        onloadScript.Append("&lt;/script>");


        Page.ClientScript.RegisterStartupScript(this.GetType(), "onLoadCall", onloadScript.ToString());
    }

in each page I ask the session for the current masterpage

    protected void Page_PreInit(Object sender, EventArgs e)
    {
        if (Session["Masterpage"] != null)
            this.MasterPageFile = (string)Session["Masterpage"];
    }

the print.master is just an empty container which opens a print dialog

  protected void Page_Load(object sender, EventArgs e)
    {
        //Druckdialog öffnen
        StringBuilder print = new StringBuilder();
        print.Append("&lt;script type='text/javascript'>\n");
        print.Append("window.print();");
        print.Append("&lt;/script>");

        Page.ClientScript.RegisterStartupScript(this.GetType(), "print", print.ToString());  
    }

    //Masterpage wieder zurückschalten
    protected void Page_Unload(object sender, EventArgs e)
    {
        Session["Masterpage"] = "~/Portal/MasterPage.master";
    }

that does work. But Tabcontainer are printed as white pages [*-)]

Printing Tabcontainer results in empty pages[Answered] RSS

6 replies

Shortcuts

Related Links

Printing Tabcontainer results in empty pages

Re: Printing Tabcontainer results in empty pages

Re: Printing Tabcontainer results in empty pages

Re: Printing Tabcontainer results in empty pages

Re: Printing Tabcontainer results in empty pages

Re: Printing Tabcontainer results in empty pages

r2ls

Re: Printing Tabcontainer results in empty pages