TX Text Control .NET Server for ASP.NET comes with the HTML5 based editor Web.TextControl and the cross-browser, cross-platform DocumentViewer component to view reports and documents.

The DocumentViewer can be used when pure document viewing is required in web-based applications. Typically, templates are merged server-side with data using the MailMerge class and loaded into the DocumentViewer in ASP.NET applications. The user can navigate through the document in various zoom levels.

Thanks to pure HTML and CSS, the DocumentViewer can be easily styled and customized. This sample replaces the button background images, the overall button style and the background of the view itself. Additionally, the document is getting rounded corners and receives an animation when the user navigates through pages.

In order to apply the styles, simply add the DocumentViewer.css (download the project from our GitHub repository) to the head element of your ASPX page:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs"
Inherits="tx_documentviewer_style.index" %>
<%@ Register assembly="TXDocumentServer, Version=22.0.800.500,
Culture=neutral, PublicKeyToken=6b83fe9a75cfb638"
namespace="TXTextControl.DocumentServer.Web" tagprefix="cc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DocumentViewer Style Sample</title>
<link href="DocumentViewer.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<cc1:DocumentViewer ID="DocumentViewer1"
runat="server" Height="400px" Width="795px" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
view raw index.aspx hosted with ❤ by GitHub

Download the sample from GitHub and test it on your own.