Izenda Logo

Report Viewer Buttons

All buttons in the Report Viewer are implemented in pure HTML. They all can be manipulated from Resources/html/ReportViewer-Body.ascx. To completely disable any button, simply remove it from the ascx file. If you wish to conditionally suppress a button, you can write conditional logic in your ascx to hide it based on your own custom logic.

Report List Button

Report List Button

The report list button is used to jump right into the report list. This is the code within the ReportViewer-Body.ascx that renders this button:

<a class="btn" id="rlhref" href="ReportList.aspx" lang-title="js_Reportlist" title="Report list">
  <img class="icon" src="rs.aspx?image=ModernImages.report-list.png" lang-alt="js_Reportlist" alt="Report list" />
  <span class="hide" lang-text="js_Reportlist">Report list</span>
</a>

Save Options

Save Options

Clicking the downward facing triangle next to the save icon will reveal further save options; save and save as.

<button type="button" class="btn" lang-title="js_Save" title="Save" id="btnSaveDirect" onclick="javascript:event.preventDefault();SaveReportSet();">
  <img class="icon" src="rs.aspx?image=ModernImages.floppy.png" lang-alt="js_Save" alt="Save" />
  <span class="hide" lang-text="js_Save">Save</span>
</button>

<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
  <span class="caret"></span>
</button>

Save

Save Options Button

The save button simply saves the current report.

<li class="hide-readonly"><a href="javascript:void(0)" style="min-width: 18em;" onclick="javascript:SaveReportSet();">
  <img class="icon" src="rs.aspx?image=ModernImages.save-32.png" lang-alt="js_SaveChanges" alt="Save changes" />
  <b lang-text="js_Save">Save</b><br>
  <span lang-text="js_SaveChangesMessage">Save changes to the report for everyone it is shared with</span>
</a></li>

Save As

Save As Button

This button allows a user to save the current report with a specific name, and optionally, a report category.

<li><a href="javascript:void(0)" onclick="javascript:ShowSaveAsDialog();">
  <img class="icon" src="rs.aspx?image=ModernImages.save-as-32.png" lang-alt="js_SaveACopy" alt="Save a copy" />
  <b lang-text="js_SaveAs">Save As</b><br>
  <span lang-text="js_SaveACopyMessage">Save a copy with a new name, keeping the original intact</span>
</a></li>

Print Options

Print Options Button

Clicking the downward facing triangle next to the print icon will reveal further print options; HTML print and PDF print.

<button type="button" class="btn" lang-title="js_Print" title="Print" onclick="responseServer.OpenUrl('rs.aspx?p=htmlreport&print=1', 'aspnetForm', '');">
  <img class="icon" src="rs.aspx?image=ModernImages.print.png" alt="Printer" />
  <span class="hide" lang-text="js_Print">Print</span>
</button>

<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
  <span class="caret"></span>
</button>

HTML Print

HTML Print Button

This button allows for direct printing of a report from the browser.

<li><a href="javascript:void(0)" title="" style="min-width: 18em;" onclick="responseServer.OpenUrl('rs.aspx?p=htmlreport&print=1', 'aspnetForm', '');">
  <img class="icon" src="rs.aspx?image=ModernImages.print-32.png" alt="" />
  <b lang-text="js_PrintHTML">Print HTML</b><br>
  <span lang-text="js_PrintDirectlyMessage">Print directly from your browser, the fastest way for modern browsers</span>
</a></li>

PDF Print

PDF Print Button

This button allows for printing of a report as a PDF file.

<li><a href="javascript:void(0)" title="" style="min-width: 18em;" onclick="responseServer.OpenUrl('rs.aspx?p=htmlreport&print=1', 'aspnetForm', '');">
  <img class="icon" src="rs.aspx?image=ModernImages.print-32.png" alt="" />
  <b lang-text="js_PrintHTML">Print HTML</b><br>
  <span lang-text="js_PrintDirectlyMessage">Print directly from your browser, the fastest way for modern browsers</span>
</a></li>

Exports Button

Exports Button

Clicking the downward facing triangle next to the Exports icon will reveal further exporting options; Excel, Word, CSV, XML, and RTF.

<button type="button" class="btn" title="Excel" onclick="responseServer.OpenUrlWithModalDialogNewCustomRsUrl('rs.aspx?output=XLS(MIME)', 'aspnetForm', 'reportFrame', nrvConfig.ResponseServerUrl);">
  <img class="icon" src="rs.aspx?image=ModernImages.excel.png" alt="Get Excel file" />
  <span class="hide" lang-text="js_ExportToExcel">Export to Excel</span>
</button>

<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
  <span class="caret"></span>
</button>

Excel Button

Excel Button

Clicking this causes the current report to be exported as an excel document.

<li><a href="javascript:void(0)" title="" style="min-width: 18em;" onclick="responseServer.OpenUrlWithModalDialogNewCustomRsUrl('rs.aspx?output=XLS(MIME)', 'aspnetForm', 'reportFrame', nrvConfig.ResponseServerUrl);">
  <img class="icon" src="rs.aspx?image=ModernImages.xls-32.png" alt="" />
  <b lang-text="js_ExportToExcel">Export to Excel</b><br>
  <span lang-text="js_ExportToExcelMessage">File for Microsoft's spreadsheet application</span>
</a></li>

Word Button

Word Button

Clicking this causes the current report to be exported as a word document.

<li><a href="javascript:void(0)" title="" onclick="responseServer.OpenUrlWithModalDialogNewCustomRsUrl('rs.aspx?output=DOC', 'aspnetForm', 'reportFrame', nrvConfig.ResponseServerUrl);">
  <img class="icon" src="rs.aspx?image=ModernImages.word-32.png" alt="" />
  <b lang-text="js_WordDocument">Word document</b><br>
  <span lang-text="js_WordDocumentMessage">File for Microsoft's word processor, most widely-used office application</span>
</a></li>

CSV Button

CSV Button

Clicking this causes the current report to be exported in CSV format.

<li><a href="javascript:void(0)" title="" onclick="responseServer.OpenUrlWithModalDialogNewCustomRsUrl('rs.aspx?output=CSV', 'aspnetForm', 'reportFrame', nrvConfig.ResponseServerUrl);">
  <img class="icon" src="rs.aspx?image=ModernImages.csv-32.png" alt="" />
  <b lang-text="js_CSV">CSV</b><br>
  <span lang-text="js_CSVMessage">Stores tabular data in text file, that can be used in Google Docs</span>
</a></li>

XML Button

XML Button

Clicking this causes the current report to be exported in XML format.

<li><a href="javascript:void(0)" title="" onclick="responseServer.OpenUrlWithModalDialogNewCustomRsUrl('rs.aspx?output=XML', 'aspnetForm', 'reportFrame', nrvConfig.ResponseServerUrl);">
  <img class="icon" src="rs.aspx?image=ModernImages.xml-32.png" alt="" />
  <b lang-text="js_XML">XML</b><br>
  <span lang-text="js_XMLMessage">Both human-readable and machine-readable text file</span>
</a></li>

RTF Button

RTF Button

Clicking this causes the current report to be exported in RTF format.

<li id="RTFExportButton"><a href="javascript:void(0)" title="" onclick="responseServer.OpenUrlWithModalDialogNewCustomRsUrl('rs.aspx?output=RTF', 'aspnetForm', 'reportFrame', nrvConfig.ResponseServerUrl);">
    <img class='icon' src="rs.aspx?image=ModernImages.rtf-32.png" alt="" />
    <b lang-text='js_RTF'>RTF</b><br>
    <span lang-text='js_RTFMessage'>File format for cross-platform document interchange</span>
  </a>
</li>

Send Button

Send Button

Clicking this will send the current report via email.

<div class="btn-group">
  <button type="button" class="btn" lang-title="js_SendReport" title="Send report" onclick="InitiateEmail();">
    <img class="icon" src="rs.aspx?image=ModernImages.mail.png" lang-alt="js_SendReport" alt="Send report" />
    <span class="hide" lang-text="js_SendReport">Send report</span>
  </button>
</div>  

Results Per Page Button

Results Per Page Button

The results per page button set the numbers of results to be displayed on a single page. This value is not saved to the report, it is used for user convenience in the browser for large reports. Clicking the dropdown next to the button allows the user to specify how many records per page they'd like to see.

<button type="button" class="btn" lang-title="js_ResultsPerPage" title="Results per page" onclick="">
  <img class="icon" id="resNumImg" src="rs.aspx?image=ModernImages.rows-100.png" alt="Results per page" />
  <span class="hide" lang-text="js_ResultsPerPage">Results per page</span>
</button>

<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
  <span class="caret"></span>
</button>

The following is the code for the 5 record options provided by default.

<ul class="dropdown-menu">
  <li onclick="ChangeTopRecords(1, true);" id="resNumLi0"><a href="javascript:void(0)" title="" style="min-width: 12em;">
    <img class="icon" src="rs.aspx?image=ModernImages.result-1-32.png" alt="" />
    <b lang-text="js_Result_1">1 Result</b><br />
    <span lang-text="js_Result_1_Message">Ideal for large forms</span>
  </a></li>
  <li onclick="ChangeTopRecords(10, true);" id="resNumLi1"><a href="javascript:void(0)" title="">
    <img class="icon" src="rs.aspx?image=ModernImages.results-10-32.png" alt="" />
    <b lang-text="js_Result_10">10 Results</b><br />
    <span lang-text="js_Result_10_Message">Good for single parameter reports</span>
  </a></li>
  <li onclick="ChangeTopRecords(100, true);" id="resNumLi2"><a href="javascript:void(0)" title="">
    <img class="icon" src="rs.aspx?image=ModernImages.results-100-32.png" alt="" />
    <b lang-text="js_Result_100">100 Results</b><br />
    <span lang-text="js_Result_100_Message">Default and recommended value</span>
  </a></li>
  <li onclick="ChangeTopRecords(1000, true);" id="resNumLi3"><a href="javascript:void(0)" title="">
    <img class="icon" src="rs.aspx?image=ModernImages.results-1000-32.png" alt="" />
    <b lang-text="js_Result_1000">1000 Results</b><br />
    <span lang-text="js_Result_1000_Message">Good for larger reports</span>
  </a></li>
  <li onclick="ChangeTopRecords(10000, true);" id="resNumLi5"><a href="javascript:void(0)" title="">
    <img class="icon" src="rs.aspx?image=ModernImages.results-10000-32.png" alt="" />
    <b lang-text="js_Result_10000">10000 Results</b><br />
    <span lang-text="js_Result_10000_Message">10000 Results</span>
  </a></li>     
  <li class="divider"></li>
  <li onclick="ChangeTopRecords(-1, true);" id="resNumLi4"><a href="javascript:void(0)" title="">
    <img class="icon" src="rs.aspx?image=ModernImages.results-all-32.png" alt="" />
    <b lang-text="js_Result_All">Show all results</b><br>
    <span lang-text="js_Result_All_Message">Use carefully as this may overload the browser</span>
  </a></li>
</ul>

Open in Designer Button

Results Per Page Button

This button allows a user to open the current report in the Report Designer.

<div class="btn-group">
  <button type="button" class="btn designer-only hide-locked hide-viewonly" lang-title="js_OpenInDesigner" title="Open in designer" id="designerBtn">
     <img class="icon" src="rs.aspx?image=ModernImages.design.png" lang-alt="js_OpenInDesigner" alt="Open in designer" />
     <span class="hide" lang-text="js_OpenInDesigner">Open in designer</span>
   </button>
</div>  

Report Designer Buttons

Buttons in the Report Designer are controlled from within the core product in your CustomAdHocConfig class. Manipulating these buttons requires the use of properties within the Global.asax. Review this article for working with the report designer buttons. To simply see what these buttons look like on the Report Designer, continue to scroll down.

Report List

Report List Button

The report list button is used to jump right into the report list. To disable the Report List button in the designer, you need to set the ReportList property to be empty or null.

AdHocSettings.ReportList = "";

New

New Report Button

The New Report button begins designing a report from the beginning. To disable the New Report button in the designer, you need to set the ShowNewButton property to false.

AdHocSettings.ShowNewButton = false;

Save

Save Report Button

The Save Report button saves the report you are currently designing. To disable it, you'll have to set the ShowSaveControls property to false. This will hide both Save and Save As.

AdHocSettings.ShowSaveControls = false;

Save As

Save Report As Button

The Save Report As button allows the user to save the report they'll currently working on with a specified name. To disable it, set either ShowSaveAsToolbarButton or ShowSaveControls properties to false. The latter will disable both Save and Save As buttons.

AdHocSettings.ShowSaveAsToolbarButton = false;

PDF Print

PDF Print Button

The PDF Print button will export a PDF version of the report being designed. To disable it, set ShowPDFButton to false.

AdHocSettings.ShowPDFButton = false;
HTML Print

HTML Print Button

The HTML Print button allows a user to print the current report being designed.

Show SQL

Show SQL Button

The SQL button shows the generated SQL for the report being designed. To disable it, set ShowSqlOutputIcon to false.

AdHocSettings.ShowSqlOutputIcon = false;

CSV

CSV Export Button

THE CSV Export button causes the report being designed to be exported in csv format. To disable it, set ShowCSVButton to false.

AdHocSettings.ShowCSVButton = false;

Excel

Excel Export Button

The Excel Export button causes the report being designed to be exported in excel format. To disable it, set ShowXLSButton to false.

AdHocSettings.ShowXLSButton = false;

Word

Doc Export Button

The Doc Export button exports the report being designed in a .doc(MS Word) format. To disable it, set ShowDOCButton to false.

AdHocSettings.ShowDOCButton = false;

XML

XML Export Button

The XML export button exports the report being designed as a .xml file.

RTF

RTF Export Button

The RTF export button exports the report being designed as a .rtf file. To disable it, set ShowRTFButton to false.

AdHocSettings.ShowRTFButton = false;

Email

Email Button

The email button allows the user to email the current report. To disable it, set ShowClientEmailButton to false.

AdHocSettings.ShowClientEmailButton = false;

Settings

Settings Button

The settings button takes the user to the Settings.aspx page. To disable it, set ShowSettingsButton to false.

AdHocSettings.ShowSettingsButton = false;

Results

Results Per Page Dropdown

The Results dropdown allows the user to select how many records to display. This only affects the browser and is not saved to the report.

Hide Help

Show/Hide Help Button

The Hide Help button toggles the side help panel.TO disable it, set ShowHelpButton to false.

AdHocSettings.ShowHelpButton = false;

Report Designer Tabs

Tabs in the Report Designer are also controlled from within the core product in your CustomAdHocConfig class. Manipulating these tabs requires the use of properties within the Global.asax. You can review this article for concise information on manipulating these tabs, or you can get a detailed view by scrolling down.

Data Sources Tab

Data Sources Tab

The Data Sources tabs allow report designers to add/remove data sources for a report. To disable it, set ShowDataSourcesTab to false.

AdHocSettings.ShowDataSourcesTab = false;

Fields Tab

Fields Tab

The fields tab allows the user to add or modify the fields reported on in a report, the functions used on them, the descriptions, and the formatting of the field through the report designer. To disable it, set ShowFieldsTab to false.

AdHocSettings.ShowFieldsTab = false;

Summary Tab

Summary Tab

The summary tab allows the user to add or modify a summary section in a report through the report designer. To disable it, set ShowSummaryTab to false.

AdHocSettings.ShowSummaryTab = false;

Chart Tab

Chart TabChart2 Tab

The chart tab allows the user to add or modify trend, pie, plot, and bar charts in a report through the report designer. To disable it, set ShowChartTab to false.

AdHocSettings.ShowChartTab = false;

Gauge Tab

Gauge Tab

The gauges tab allows the user to add or modify gauges used in a report through the report designer. To disable it, set ShowGaugeTab to false.

AdHocSettings.ShowGaugeTab = false;

Map Tab

Map Tab

The map tab allows the user to add or modify a map to be used in a report through the designer. To disable it, set ShowMapTab to false.

AdHocSettings.ShowMapTab = false;

Misc Tab

Misc Tab

The misc tab allows the user to set the title, description, header, footer, report scheduler settings (if enabled), and report access permissions for a report through the report designer. To disable it, set ShowMiscTab to false.

AdHocSettings.ShowMiscTab = false;

Style Tab

Style Tab

The style tab allows the user to modify the report colors, print options, visual group advanced options, report order, set report viewer items per page, and modify field value / report layout options through the report designer. To disable it, set ShowStyleTab to false.

AdHocSettings.ShowStyleTab = false;

Filters Tab

Filters Tab

The filters tab allows the user to add or modify filters used on report data through the report designer. To disable it, set ShowFiltersTab to false.

AdHocSettings.ShowFiltersTab = false;

Preview Tab

Preview Tab

The preview tab allows the user to view the current report so they can quickly see any modifications and the report layout through the report designer. To disable it, set ShowPreviewTab to false.

AdHocSettings.ShowPreviewTab = false;