Izenda, LLC

Ad Hoc Reports & Dashboards for ASP.NET Apps

Free Trial

Izenda Reports is licensed on a "per user" or "per server" basis. Please complete this form to receive a price quote.

All fields are required.

The live demo demonstrates Izenda reports with the Northwind Sample database. To login, please register below.

All fields are required.

You can download a full time-limited trial version here. Or, email a CSV file to data@izenda.com and our sales team will create several complementary reports on our demo environment.

All fields are required.

How do I change the CSS of the Report Viewer (Reportviewer.aspx)...

Expand / Collapse
 

How do I change the CSS of the Report Viewer (Reportviewer.aspx) page?


This page uses two asp table controls to hold the button controls, etc. A top "report control" table, and a bottom "filters" table which are visually seperated since they are two different asp table controls.

The top export table has the ID "ReportControlTable"

The bottom filters table has the ID "FiltersTable"

Both the top table and the bottom table have IDs as shown in the code sample below. We recommend setting the class attribute to point to a new class which is in your aspx page. You can use findcontrol to set the class attribute. This code should be placed in your ReportViewer.aspx.cs file.

protected void Page_Load(object sender, EventArgs e)
{

HtmlTable toptable;

toptable = FindControl("ReportControlTable") as System.Web.UI.HtmlControls.HtmlTable;

toptable.Attributes["class"] = "ReportViewerTopTable";

HtmlTable bottomtable;

bottomtable = FindControl("FiltersTable") as System.Web.UI.HtmlControls.HtmlTable;
bottomtable.Attributes["class"] = "ReportViewerBottomTable";

}

Where you have created a ReportViewerTopTable class in your aspx file using the style/css tag.

For reference, the default CSS classes for both are:

.ReportControl { background-color:#9EBFF6; background-image:url(rs.aspx?image=Toolbar.Toolgrad.gif); background-repeat:repeat-x; border:1px solid #95B7F3; color:gray; font-family:Arial; font-size:65%; padding-left:5px; }

bottom table

{ border-bottom-color:#94B6F7; border-bottom-style:solid; border-bottom-width:1px; border-left-color:#94B6F7; border-left-style:solid; border-left-width:1px; border-right-color:#94B6F7; border-right-style:solid; border-right-width:1px; border-top-color:#94B6F7; border-top-style:solid; border-top-width:1px; }



Details
Type: FAQ
Options