Report Making at Browser Level

  • Report Making at Browser Level Runs in all modern browsers using HTML 5.0, CSS and JavaScript
  • Easy to design and deploy
  • No Additional software needed to install to run the application
  • No Coding knowledge required
  • Easy to format in different page sizes
  • Best utilization of distributed computing resources by running at client browser
  • Takes the input data in the form of HTML Table
  • Low code application platform

Report Making at Browser Level Features :

  • Visualize the data in the form of Charts
  • Can Group and Summarize the data and visualize in the form of Charts
  • Sort the data in the report at design time
  • By using Report Making at Browser Level User can design the report by drag and drop of required columns into report
  • No installation required. User can directly use at browser through cloud/folder.

Report Making using JavaScript tool is to generate reports using JavaScript, HTML 5.0, and CSS by using a User Interface at browser level. It can be run without installation and easily integrated to other web pages/applications without any performance issues. It is best suited for on-premise as well as cloud environment and report generation using the client processing power without any high-end servers. Easy to deploy and use without any coding skills.

Report definition

  • Report Header
  • Page Header
  • Group Header
  • Details
  • Group Details
  • Report Foooter
  • Page Foter
Home Page of Report Making at Browser Level

Tool Box

  • Horizontal line
  • Vertical line
  • Text field/label
  • Box
  • Image
  • Chart
  • Cross Tab Summary
  • Data fields of the data set
  • Formula columns
  • Date Time
  • Page Number
  • Header
  • Footer
  • Record Number

Report Layout Properties

  • Layout type Portrait/Landscape
  • Margins
  • User can define colors for the following blocks
  • Report Header
  • Report Footer
  • Group Header
  • Group Footer/Details
  • Page Header
  • Page Footer
  • Details

CrossTab: Summary View

It contains following features
  • User can drag and drop fields so that summary can be generated based on these fields as group
  • Chart can be displayed by selecting the fields for X-axis and Y-axis respectively

How to design Report by using this tool

  • Input the HTML table file by browsing it.
  • Fields in the table will be displayed in the data fields tab as shown below (Right panel).
  • Drag and drop the fields into details block as shown below. By clicking on field user can change the style of the data in report.
  • User can drag and drop different types of fields available in the ToolBox in addition to the Data Fields from the HTML table.

Preview of Report

Result button from menu show the output in report format as shown below.

Published by MadhuVeer DJ

Home maker

Leave a comment

Leave a ReplyCancel reply

Discover more from MyToolKit

Subscribe now to keep reading and get access to the full archive.

Continue reading

Exit mobile version