Welcome!

Adobe Flex Authors: Matthew Lobas, PR.com Newswire, Shelly Palmer, Kevin Benedict

Related Topics: Adobe Flex

Adobe Flex: Article

Building Reports with ColdFusion MX 7

How to generate your first ColdFusion MX 7 report (previous ColdFusion knowledge is helpful but not necessary)

Reporting is one of the most common tasks developers have faced since the beginning of the IT revolution. In the past, Macromedia ColdFusion developers didn't have many choices for easily creating reports and integrating them with their applications. They either had to leave the comfort of using ColdFusion and use a third-party solution or write CFML to generate HTML layouts - a solution that involved writing a lot of CFML code to read data from database, slice and dice the data, and generate HTML output.

Doing that kind of work can be tedious, repetitive, and just plain boring. Even after all that hard work, the final result can be less than optimal. Because HTML has no notion of page breaks, page headers, and footers, the results seldom look very good when the browser sends a report to the printer.

In ColdFusion 7, the ColdFusion engineering team has created a reporting feature to help liberate you from such tedious tasks. Now you can spend more time developing dynamic applications and less time worrying about whether or not it will print well.

Requirements
To complete this tutorial you will need to install the software and files listed at the end of the article. Previous ColdFusion knowledge is helpful but not necessary.

Getting Familiar with the New CFREPORT Tag Syntax
The cfreport tag has undergone some slight revisions. Aside from still supporting its usual syntax that supports Crystal Reports integration, the new syntax is as follows:


<cfreport
     template = "report definition filename"
     format = "PDF or FlashPaper" or "excel"
     name = "cf variable"
     filename = "output filename"
     query = "query variable"
     overwrite = "yes" or "no"
     encryption = "128-bit" or "40-bit" or "none"
     ownerpassword = "password"
     userpassword = "password"
     permissions = "permission list"
>
     cfreportparam tags [optional]
</cfreport>

The ColdFusion MX 7 Reporting Solution
The ColdFusion reporting solution contains two parts: a report engine and a report designer.

The report engine contains the following functionality: graphing capability, columnar layouts, support of report runtime input parameters, and the ability to output in three formats (Adobe PDF, Macromedia FlashPaper, and Microsoft Excel). You can output these files directly to a browser, save them to disk, or send them through e-mail.

The report feature gives ColdFusion developers many advantages over third-party solutions:

  • It understands CFML expressions
  • It can use data sources defined in the ColdFusion Administrator
  • It has access to shared scopes
The report builder contains the following wizards to help you create reports:
  • Report Creation Wizard
  • Chart Wizard
  • Subreport Wizard
  • Server Setup Wizard
Let's discuss the report builder some more.

Introducing the ColdFusion Report Builder
The ColdFusion Report Builder is a tool you can use to create ColdFusion report files (CFR files) that the report engine will consume. The Report Builder is only available to Windows users, even though the reports themselves can run on most platforms to which ColdFusion deploys (Windows, Linux, Solaris, Mac OS X, HPUX, and AIX specifically - HPUX and AIX are only supported through pure Java deployments).

When you run the Report Builder for the first time, the Server Setup Wizard helps you configure Report Builder to work with ColdFusion Server. You can modify all of the settings in the Server Setup Wizard from the preferences screen, or you can run the wizard again.

ColdFusion reporting uses a banded-report writing paradigm. In other words, each section of the report is separated into different bands; a section, or band, is a printable region of the report. Each band has its own rules that specify when and how to print. The Report Builder lists each of these bands in the work area from the top to the bottom in the following order:

  • Report Header
  • Page Header
  • Column Header
  • Detail, Column Footer
  • Page Footer
  • Report Footer
There is also a special band called "Watermark" that prints in the background of every page. You can get more information about the different bands by using the integrated help system from the Help menu.

The Report Builder layout has four main areas (see Figure 1):

  • Workspace
  • Properties panel
  • Fields
  • Parameters panel
  • Text Styles panel
Use the Workspace in the middle of the screen to place your images, labels, or text - anything - that you want to print. When you select an object or text in the workspace, the Properties panel in the upper right displays the properties available for that object. The Fields and Parameters panel below the Properties panel displays the fields (either from your database or ones that the report calculates) and parameters that are available for your report. Last, use the Text Styles panel to set text attributes in your report quickly and easily.

Building a Sample Report
In this tutorial, you will build a sample report with the ColdFusion Report Builder to help you understand the following features of ColdFusion MX 7 reports:

  • Layout of a banded report
  • Database access
  • Text formatting (styles)
  • Text formatting (ColdFusion)
  • Subreporting
  • Group management
  • Images and shapes
  • Report and ColdFusion expressions
  • Labels and fields
  • Layout controls
  • Fields and parameters
  • Query Builder
  • Output formats
  • cfreport tag modifications
In the following section, you will create a new report that contains several elements: report header, page header, detail pages, and queries:
  1. Open the Report Builder.
  2. Create a new report document, selecting the As a Blank Report option.
  3. Save your report to the webroot of your ColdFusion server, naming it FirstReport.cfr.
By default the Report Builder shows a select number of report bands: Report Header, Column Header, Detail, Column Footer, and Report Footer. The Report Builder doesn't show the following by default: Page Header, Page Footer, Watermark, and those bands created when using the "Group Management" option (explained later).

The bands displayed represent everything that your report can contain. Some bands, like the Report Header, appear only once - in this case at the top of the very first page of the report. Other bands, most importantly the Detail band, will be iterated over a number of times, depending on your query data, grouping, and number of pages.

Building a Query for Your Report in the Query Builder
To open the Query Builder, select Report > Report Query from the menu bar, or click the Report Query button on the menu bar. The Query Builder appears. Now select a data source:

  1. Make sure that you have selected the appropriate RDS server, choosing an RDS server from the pop-up list box above the tree control. The Report Builder displays a list of data sources defined for the associated ColdFusion server.
  2. Select a data source by clicking it or by clicking the plus (+) sign next to the data source to expand the list.
  3. Expand the data source tree.
  4. To view the database schema, click the plus sign (+) next to Tables.
  5. To view the column definitions, click the plus sign next to a table name.
Build an SQL statement using the Table pane and the Properties panel:
  1. Select an RDS server.
  2. Expand a data source.
  3. Drag one or more tables from the Table pane to the Data Source pane. Alternatively, right-click a table and select Add to Work Area. You can also select a table by double-clicking it or by right-clicking on the Table pane.
  4. To remove a table from the Table pane, right-click it and select Remove Table.
  5. (Optional) If you select more than one table, you must specify the column or columns used to join them by dragging a column from one table to the related column in the second table.
  6. Double-click the columns for the SELECT statement.
As you select columns, the Query Builder creates the SELECT statement in the area in the bottom half of the pane:
  1. (Optional) Specify the sort order and selection criteria.
  2. Review the SELECT statement that displays in the SQL pane, and use the Table and Properties panes to make adjustments, if necessary.
  3. (Optional) Click Test Query.
  4. Click Save.
The Query Builder saves the SQL statement as part of the report and defines query fields for columns returned by the result set. See the ColdFusion LiveDocs on Report Builder for more information. For the example in this tutorial, the Query Builder should look like Figure 2.

The report samples use "text styles" to format elements that display fonts. A text style is similar to a font style in Microsoft Word. Instead of explicitly associating a text element with font specifications, you associate the element with a text style.

Formatting Your Report
To begin formatting your report, take a look at Report Builder toolbox. The toolbox contains everything you need to draw, type, place, and embed everything you need in the report.

Formatting the Report Header
Use the following steps to create a Report Header from the Report Builder toolbox:

  1. Click the lightning bolt button. This is the field control, which allows for the display of textual expressions to be rendered in your report. Expressions, as you'll see, can contain any and all of the following: static text, dynamic text, calculated text, and concatenated text.
  2. Use your cursor to resize the Report Header. A dialog box appears and asks you to select one of the following choices: pre-existing values in the report (such as data from the query you built in the Query Builder), or a manually entered expression. Select manually entered expression; and for the expression enter the following:

    
    "Report Format is " & param.outputFormatLabel
    

    This expression concatenates static text with a predefined report parameter -named outputFormatLabel, specified in the cfreportparam tag, embedded in the cfreport tag - which ultimately invokes our report (covered later). So as we explained earlier, anything in the Report Header appears once on the first page of your report. In this instance, it will print out something like "Report Format is FlashPaper."

  3. Because you want the text to appear in the upper left of the Report Header while the text field is selected (denoted by the handles that appear on the rectangle), click the Align to Band button in the Align palette, click the Align Left Edges button, and then the Align Top Edges button. These steps move the text to the top-left band while respecting the outermost boundaries of the band.
  4. To resize or move the band while you have selected it, click and drag the entire element, use your keyboard arrows, click and drag the element's handles, or alter the values for this element in the properties panel under "Layout" - values such as Height, Width, Left, Top, and so forth. For every new type of element you use in your report, note the related properties of that element in the Properties panel; this will help you be aware of every configurable property available to you.
  5. Supply a static text report title. In the Toolbox, click the abc button (when you place your cursor over it, "Label" appears). Draw a rectangle the width of the entire Report Header band. Notice that when you release the cursor, the Report Builder doesn't ask you to enter an expression, but to enter label text. Enter the following:

    
    Works of Art on Consignment (grouped by Artist)
    

    Notice that with any text, you can align the text box surrounding it and also align the text within the text box by selecting Properties Panel > Format > Alignment, or using the Text and Styles toolbar. Additionally, the dynamic and static fields appear differently in the report. Fields have a solid line on the text box perimeter. Labels only have bracket in its corners.

  6. You're almost done with the report header, but it has no color. Click the "Rectangle" button in the Toolbox and drag it much like a text control. Adjust the control points so that the rectangle occupies the entire width and height of the header band. While selecting the rectangle, set the background color to any color of your choice by selecting Properties Panel > Colors & Style > Background Color, or by using the Background Color paint bucket in the Text Styles panel.
  7. Notice that the rectangle in the report covers the two elements you put in the report header - this is referred to as the z-order. You've essentially stacked your rectangle on top of the other elements. Right-click your rectangle and choose Send to Back. As with most every command in the Report Builder, there are at least one or two other ways to do the same (keyboard shortcuts, panels, toolboxes, right-click menus).
You're done with the header!

Formatting the Page Header
Enter today's date in the Page Header. Conveniently, this ColdFusion report processes much like a ColdFusion page itself, and has access to all variables accessible to the page that contains the cfreport tag invoking the report (that is, unless a user browses to the report definition directly), and also has access to all ColdFusion functions.

To explore functionality available to your report, drag a text field (dynamic - remember lightning bolt) onto the Page Header and enter the following expression:

DateFormat(Now (), "d mmmm yyyy")

You've just used a widely known ColdFusion function, Now(), and formatted it with another function, DateFormat(). Notice that as you entered the expression, the Expression Builder was insightful and prompted you with code completion options. Take advantage of this feature or simply continue typing.

Formatting the Detail Band
Now onto formatting the core of the report, the Detail Band. This band prints in your report for every row of data returned from your report query (the query that you specified in your report through the cfreport tag or that you embedded in the report itself, through the Query Builder).

See if you can mimic the layout described below in your detail band, knowing what you know about fields, labels, layout, and expressions. If you're not terribly knowledgeable with CFML, don't work on this until you're more familiar with the functions below. Note that items in parentheses are instructional; do not include them in the report. Give it a try:


------ Detail Band Start ------
(Label) Artist Contact Info
(Label) Name: (Field) query.FIRSTNAME & " " & query.LASTNAME
(Label) Address: (Field) report.FormatAddress
("", query.ADDRESS, "", query.CITY, query.STATE, query.POSTALCODE)
(Label) Email: (Field) query.EMAIL
(Label) Phone: (Field) report.FormatPhone(query.PHONE, "", "")
(Label) Fax: (Field) report.FormatPhone(query.FAX, "", "")

(Label) "See all artwork by " & query.FIRSTNAME
------ Detail Band End ------

Note: To display the images in the reports you must specify the path for the image files dynamically. In this case, I have used Application.cfm to define an application-level variable called application.sImageLocation. In the report you named works-of-art-by-artist.cfr, the field element under the image label has the following expression: application.sImageLocation & "/" & query.LARGEIMAGE. Because the table stores the image filename, concatenating the path to the image helps your report dynamically find the image files.

Adding a Subreport
You have one more element to add to the Detail Band - another report! This other report serves as a subreport to the main report. Subreporting, conceptually, is much like how a ColdFusion developer would group query data, with nested cfoutput tags.

Use subreports to nest a report within another report. The data you display in a subreport is typically related to the data in the main report. You invoke a subreport by passing one or more subreport parameters from the main report to the subreport. However, the data displayed in a subreport can also be unrelated to the data in the main report. Other common ways to refer to this relationship between these reports are master/detail or parent/child:

  1. On the toolbar, select the Subreport tool and draw an area on the Detail Band.
  2. When the Subreport Wizard prompts you, choose the From an Existing Report option.
  3. Browse to the file called consignment-report.cfr.
  4. The Subreport Wizard asks you to specify the bind parameters for the main report to the subreport. For this example choose #query.ARTISTID#.
  5. Click Finished.
See documentation on subreports in the ColdFusion MX LiveDocs for more information.

Adding a Page Footer
In the Page Footer, place a Field control, entering within it the self-explanatory variable: calc.PAGE_NUMBER

The calc.PAGE_NUMBER variable is one of a few variables available to any report Other variables are:

  • calc.PAGE_NUMBER
  • calc.COLUMN_NUMBER
  • calc.REPORT_COUNT
  • calc.COLUMN_COUNT
Check out the Report Builder documentation in "Built-in Calculated Fields and Input Parameters" in ColdFusion MX 7.

LiveDocs
Browsing Your Report
The ColdFusion code needed to render this report is minimal because you've already embedded your query in the report definition. Save this ColdFusion code in your webroot (where your CFR file is located). Save it as FirstReport.cfm:


<cfreport template="FirstReport.cfr" format="flashpaper">
     <cfreportparam name="outputFormatLabel" value="flashpaper">
     <cfreportparam name="reportTemplateName" value="FirstReport">
</cfreport>

Browse to FirstReport.cfm and the FlashPaper version of your report appears. Go ahead and change the cfreport tag attribute value for format from flashpaper to pdf to excel.

Congratulations! You've generated your first ColdFusion MX 7 report. If you think that was fun, try the Report Wizard next!

Source Code and Files Necessary for This Article
ColdFusion MX 7

  • Try
  • Buy
Tutorials and sample files:
  • reporting.zip (ZIP, 36K)
Note: This ZIP file contains the sample files to build your first report. If you installed ColdFusion MX 7 without the sample applications, run the installer again and select the Sample Applications option during the installation process.

This article can also be read at the Macromedia Developer Center site (www.macromedia.com/devnet/)

More Stories By Dean Harmon

Dean Harmon has been with Macromedia since 2001. Originally he was on the Visual Tools team developing HomeSite before transitioning to ColdFusion. He enjoys creating and playing video games and spending time with his wife and three children.

More Stories By Collin Tobin

Collin Tobin joined Macromedia in 2001. He is currently a principal quality assurance engineer for ColdFusion. Previously he worked at Gtriad as a web developer.

Comments (0)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


@ThingsExpo Stories
The 20th International Cloud Expo has announced that its Call for Papers is open. Cloud Expo, to be held June 6-8, 2017, at the Javits Center in New York City, brings together Cloud Computing, Big Data, Internet of Things, DevOps, Containers, Microservices and WebRTC to one location. With cloud computing driving a higher percentage of enterprise IT budgets every year, it becomes increasingly important to plant your flag in this fast-expanding business opportunity. Submit your speaking proposal ...
The age of Digital Disruption is evolving into the next era – Digital Cohesion, an age in which applications securely self-assemble and deliver predictive services that continuously adapt to user behavior. Information from devices, sensors and applications around us will drive services seamlessly across mobile and fixed devices/infrastructure. This evolution is happening now in software defined services and secure networking. Four key drivers – Performance, Economics, Interoperability and Trust ...
SYS-CON Events announced today that CollabNet, a global leader in enterprise software development, release automation and DevOps solutions, will be a Bronze Sponsor of SYS-CON's 20th International Cloud Expo®, taking place from June 6-8, 2017, at the Javits Center in New York City, NY. CollabNet offers a broad range of solutions with the mission of helping modern organizations deliver quality software at speed. The company’s latest innovation, the DevOps Lifecycle Manager (DLM), supports Value S...
With billions of sensors deployed worldwide, the amount of machine-generated data will soon exceed what our networks can handle. But consumers and businesses will expect seamless experiences and real-time responsiveness. What does this mean for IoT devices and the infrastructure that supports them? More of the data will need to be handled at - or closer to - the devices themselves.
Web Real-Time Communication APIs have quickly revolutionized what browsers are capable of. In addition to video and audio streams, we can now bi-directionally send arbitrary data over WebRTC's PeerConnection Data Channels. With the advent of Progressive Web Apps and new hardware APIs such as WebBluetooh and WebUSB, we can finally enable users to stitch together the Internet of Things directly from their browsers while communicating privately and securely in a decentralized way.
In his keynote at @ThingsExpo, Chris Matthieu, Director of IoT Engineering at Citrix and co-founder and CTO of Octoblu, focused on building an IoT platform and company. He provided a behind-the-scenes look at Octoblu’s platform, business, and pivots along the way (including the Citrix acquisition of Octoblu).
Multiple data types are pouring into IoT deployments. Data is coming in small packages as well as enormous files and data streams of many sizes. Widespread use of mobile devices adds to the total. In this power panel at @ThingsExpo, moderated by Conference Chair Roger Strukhoff, panelists will look at the tools and environments that are being put to use in IoT deployments, as well as the team skills a modern enterprise IT shop needs to keep things running, get a handle on all this data, and deli...
Grape Up is a software company, specialized in cloud native application development and professional services related to Cloud Foundry PaaS. With five expert teams that operate in various sectors of the market across the USA and Europe, we work with a variety of customers from emerging startups to Fortune 1000 companies.
Financial Technology has become a topic of intense interest throughout the cloud developer and enterprise IT communities. Accordingly, attendees at the upcoming 20th Cloud Expo at the Javits Center in New York, June 6-8, 2017, will find fresh new content in a new track called FinTech.
The Internet of Things is clearly many things: data collection and analytics, wearables, Smart Grids and Smart Cities, the Industrial Internet, and more. Cool platforms like Arduino, Raspberry Pi, Intel's Galileo and Edison, and a diverse world of sensors are making the IoT a great toy box for developers in all these areas. In this Power Panel at @ThingsExpo, moderated by Conference Chair Roger Strukhoff, panelists discussed what things are the most important, which will have the most profound e...
SYS-CON Events announced today that Interoute, owner-operator of one of Europe's largest networks and a global cloud services platform, has been named “Bronze Sponsor” of SYS-CON's 20th Cloud Expo, which will take place on June 6-8, 2017 at the Javits Center in New York, New York. Interoute is the owner-operator of one of Europe's largest networks and a global cloud services platform which encompasses 12 data centers, 14 virtual data centers and 31 colocation centers, with connections to 195 add...
SYS-CON Events announced today that Hitachi, the leading provider the Internet of Things and Digital Transformation, will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Hitachi Data Systems, a wholly owned subsidiary of Hitachi, Ltd., offers an integrated portfolio of services and solutions that enable digital transformation through enhanced data management, governance, mobility and analytics. We help globa...
SYS-CON Events announced today that Grape Up will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct. 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Grape Up is a software company specializing in cloud native application development and professional services related to Cloud Foundry PaaS. With five expert teams that operate in various sectors of the market across the U.S. and Europe, Grape Up works with a variety of customers from emergi...
@ThingsExpo has been named the Most Influential ‘Smart Cities - IIoT' Account and @BigDataExpo has been named fourteenth by Right Relevance (RR), which provides curated information and intelligence on approximately 50,000 topics. In addition, Right Relevance provides an Insights offering that combines the above Topics and Influencers information with real time conversations to provide actionable intelligence with visualizations to enable decision making. The Insights service is applicable to eve...
SYS-CON Events announced today that Hitachi Data Systems, a wholly owned subsidiary of Hitachi LTD., will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City. Hitachi Data Systems (HDS) will be featuring the Hitachi Content Platform (HCP) portfolio. This is the industry’s only offering that allows organizations to bring together object storage, file sync and share, cloud storage gateways, and sophisticated search an...
DevOps is often described as a combination of technology and culture. Without both, DevOps isn't complete. However, applying the culture to outdated technology is a recipe for disaster; as response times grow and connections between teams are delayed by technology, the culture will die. A Nutanix Enterprise Cloud has many benefits that provide the needed base for a true DevOps paradigm.
@GonzalezCarmen has been ranked the Number One Influencer and @ThingsExpo has been named the Number One Brand in the “M2M 2016: Top 100 Influencers and Brands” by Analytic. Onalytica analyzed tweets over the last 6 months mentioning the keywords M2M OR “Machine to Machine.” They then identified the top 100 most influential brands and individuals leading the discussion on Twitter.
SYS-CON Events announced today that T-Mobile will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. As America's Un-carrier, T-Mobile US, Inc., is redefining the way consumers and businesses buy wireless services through leading product and service innovation. The Company's advanced nationwide 4G LTE network delivers outstanding wireless experiences to 67.4 million customers who are unwilling to compromise on ...
With major technology companies and startups seriously embracing Cloud strategies, now is the perfect time to attend @CloudExpo | @ThingsExpo, June 6-8, 2017, at the Javits Center in New York City, NY and October 31 - November 2, 2017, Santa Clara Convention Center, CA. Learn what is going on, contribute to the discussions, and ensure that your enterprise is on the right path to Digital Transformation.
20th Cloud Expo, taking place June 6-8, 2017, at the Javits Center in New York City, NY, will feature technical sessions from a rock star conference faculty and the leading industry players in the world. Cloud computing is now being embraced by a majority of enterprises of all sizes. Yesterday's debate about public vs. private has transformed into the reality of hybrid cloud: a recent survey shows that 74% of enterprises have a hybrid cloud strategy.