Printing in DotNet is a fundamental aspect of creating client

Question

Printing in DotNet is a fundamental aspect of creating client

I have a Gridview and a Title that I want to print on a page. However, there is one cell in the template field that I do not want to include when printing. How can I exclude just that cell? Here is the code snippet:

<div id="Printmeonly" align="center">
<table width="100%">
    <tr id="trtitle" style="display:none">
        <td style="color:Blue;font-size:large" align="center" colspan="2"><strong>Incident # <%=Request.QueryString["Inc"].ToString() %> Notes (Store <%=Request.QueryString["Loc"].ToString() %>)</strong><br /><br /></td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
                BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px" 
                CellPadding="3"
                DataSourceID="SqlDataSource" ShowFooter="True">
                <RowStyle BackColor="#EEEEEE" ForeColor="Black" />
                <Columns>
                     <asp:BoundField DataField="Somefield" HeaderText="Somefield" 
                         SortExpression="Somefield" Visible="False" />
                     <asp:TemplateField ShowHeader="True" HeaderText="Action" ItemStyle-CssClass="dontPrint"  ControlStyle-CssClass="dontPrint" HeaderStyle-CssClass="dontPrint" FooterStyle-CssClass="dontPrint">
                     <ItemTemplate>
                         <asp:ImageButton ID="bttneditNote" ImageUrl="~/images/bttnEdit.gif" style="cursor:pointer" runat="server" CausesValidation="False" 
                             CommandName="Edit" Text="Edit"></asp:ImageButton>
                        <asp:ImageButton ID="bttndeleteNote" ImageUrl="~/images/bttnDelete.gif" OnClientClick="if(confirm('Are you sure you want to delete this Application?')==false) return false;" style="cursor:pointer" runat="server" CausesValidation="False" 
                             CommandName="Delete" Text="Delete"></asp:ImageButton>
                     </ItemTemplate>
                     <EditItemTemplate>
                          <asp:ImageButton ID="bttnEditNote" ImageUrl="~/images/bttnSave.gif" style="cursor:pointer" runat="server" CausesValidation="False" 
                             CommandName="Update" Text="Update"></asp:ImageButton>
                         &nbsp; <asp:ImageButton ID="bttnCancelNote" ImageUrl="~/images/bttnCancel.gif" style="cursor:pointer" runat="server" CausesValidation="False" 
                             CommandName="Cancel" Text="Cancel"></asp:ImageButton>
                     </EditItemTemplate>
                 </asp:TemplateField>
                </Columns>
                <FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
                <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
                <AlternatingRowStyle BackColor="#DCDCDC" />
            </asp:GridView>
         </td>
    </tr>
 </table>
 </div>
  <table>
<tr>
    <td align="center" colspan="2"><br />
        <asp:ImageButton ID="bttnprint" runat="server" OnClientClick="CallPrint('Printmeonly');" ImageUrl="~/somefolder/images/PrintButton.gif" style="cursor:pointer" />
    </td>
</tr>

<script type="text/javascript'>

function CallPrint(strid) {
    var trtitle = document.getElementById('trtitle');
    trtitle.style.display = '';
    var prtContent = document.getElementById(strid);
    var WinPrint = window.open('', '', 'left=0,top=0,width=1,height=1,toolbar=1,scrollbars=1,status=1');
    WinPrint.document.write(prtContent.innerHTML);
    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.print();
    WinPrint.close();
}
</script>

When I print, I use a Javascript function to specify which div tag id to print. Any ideas on how to remove the specific field from printing?

Edit: I made changes to the markup. The template field with buttons is the one I need to hide.

c#.net asp.net javascript visual-studio

Answer 1

Answer №1

Have you considered using a CSS method like this:

<style type="text/css">
    @media print {
      .dontPrint { display: none; }
    }
  </style>

You can then assign this class to the element you want to hide when printing. If you need more guidance or options, you can refer to this resource.

Edit:

I took some time to create a complete example which I tested by printing to an XPS document for eco-friendliness. Here's the ASPX code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">   
         @media print       
         {
            .dontPrint { display: none; }    
         }  
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:GridView ID="grdHideOnPrint" runat="server">
        <Columns>
            <asp:BoundField DataField="Test" />
            <asp:TemplateField ControlStyle-CssClass="dontPrint">
                <ItemTemplate>
                    <asp:Button Text="Hide On Print"  runat="server" ID="btnHideOnPrint" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    </div>
    </form>
</body>
</html>

The backend code:

public partial class _Default : System.Web.UI.Page 
{
    public class Testing
    {
        public string Test { get; set;}
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        List<Testing> data = new List<Testing>() 
        {
            new Testing() { Test = "This should print" }
        };

        grdHideOnPrint.DataSource = data;
        grdHideOnPrint.DataBind();
    }
}

This example should help you understand how to implement a similar functionality in your project.

Answer 2

Have you considered using a CSS method like this:

<style type="text/css">
    @media print {
      .dontPrint { display: none; }
    }
  </style>

You can then assign this class to the element you want to hide when printing. If you need more guidance or options, you can refer to this resource.

Edit:

I took some time to create a complete example which I tested by printing to an XPS document for eco-friendliness. Here's the ASPX code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">   
         @media print       
         {
            .dontPrint { display: none; }    
         }  
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:GridView ID="grdHideOnPrint" runat="server">
        <Columns>
            <asp:BoundField DataField="Test" />
            <asp:TemplateField ControlStyle-CssClass="dontPrint">
                <ItemTemplate>
                    <asp:Button Text="Hide On Print"  runat="server" ID="btnHideOnPrint" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    </div>
    </form>
</body>
</html>

The backend code:

public partial class _Default : System.Web.UI.Page 
{
    public class Testing
    {
        public string Test { get; set;}
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        List<Testing> data = new List<Testing>() 
        {
            new Testing() { Test = "This should print" }
        };

        grdHideOnPrint.DataSource = data;
        grdHideOnPrint.DataBind();
    }
}

This example should help you understand how to implement a similar functionality in your project.

Answer 3

Answer №2

To remove the element, you can simply add display:none in your existing JavaScript before the print statement.

Additionally, if it is a server-side control, you can use the ClientID property. However, be cautious of potential issues that may arise depending on when in the event chain you check the ClientID.

Answer 4

To remove the element, you can simply add display:none in your existing JavaScript before the print statement.

Additionally, if it is a server-side control, you can use the ClientID property. However, be cautious of potential issues that may arise depending on when in the event chain you check the ClientID.

Printing in DotNet is a fundamental aspect of creating client

Answer №1

Answer №2

Similar questions

Facing problem with Rotativa on live server while trying to generate PDFs with custom templates

attempting to fulfil a promise through a resolution

The Console's OutputEncoding was properly configured, but it continued to display nonsensical characters

Ways to invoke a child component's function in React Native

Is it possible to further simplify this piece of JavaScript using jQuery?

Issue in Vuetify: The value of the first keypress event is consistently an empty string

How can I add color to arrow icons in tabulator group rows?

Setting up dependency injection with self-hosted MVC 4 API controllers

Is there a way for me to directly download the PDF from the API using Angular?

Developing Attributes in JSON

What is the best way to repeatedly add a single Panel instance to a FlowLayoutPanel in a C# desktop application?

Can you tell me the proper term for the element that allows CSS properties to be changed after a link has been clicked?

Errors occurring during the building process in NextJS within the __webpack_require__ function

Issue: Unable to locate module - Error in integration of Vue.js with Laravel framework

vue-router: error encountered while attempting to load asynchronous component for rendering

Best practices for utilizing the Cast() and OfType() methods in Linq

Concentrating on the open window monitored by $window

Issue with NODE.JS: ffmpeg not detected when utilizing Audioconcat module

Is it possible to invoke a function within a useState hook and access its resulting data?

Synchronizing jQuery parameters