Illuminate BI Tool Guide
  • Introduction
  • Example BI Reports
  • What is BI Reporting in Illuminate?
  • Getting Started Using BI with Custom Reports
    • Setup Jaspersoft Studio
    • Prepare Your Data Set
    • Create a Basic Jasper Report
    • Publish My Report to Illuminate
    • Edit Report After Publishing
    • Display Selected Filters on Your Report
  • Get Started Using BI with SQL
    • Access Data Via ODBC Connection
    • Learn the Schema
    • Setup Jaspersoft Studio for SQL
    • Create a Basic Report with SQL
    • Publish My Report (SQL Method)
    • Adding Input Controls
  • Tutorials
    • Tutorials for Free Version ("Community Edition")
      • Tutorial 1: Categorize and Aggregate Your Data
      • Tutorial 2: Using Jasper Report Bands
      • Tutorial 3: Student Roster Report
      • Tutorial 4: Student Roster with SQL
      • Tutorial 5: Summary of Performance
      • Tutorial 6: CELDT Longitudinal Summary
    • Tutorials for Pro Version ("Professional Edition")
      • Tutorial 1: Aggregate and Visualize Your Data
        • Step 1 - Create a Custom Report
        • Step 2 - Download Your Data
        • Step 3 - Create a Data Adapter
        • Step 4 - Duplicate Template. Link Data Adapter
        • Step 5 - Set Class for Numeric Fields
        • Step 6 - Add & Configure Chart
        • Step 7 - Resize Chart. Preview Report.
        • Step 8 - Change Chart Labels
        • Step 9 - Set Chart Colors
        • Step 10 - Repeat for Other Data Points
        • Step 11- Install Your Report
      • Tutorial 2: Using Report Bands
        • Step 1 - Duplicate Report from Tutorial 1
        • Step 2: Create Your Group
        • Step 3: Create a Sort Field
        • Step 4 - Copy & Paste Your Chart
        • Step 5 - Set Reset Type and Evaluation Time
        • Step 6 - Change the Category Level
        • Step 7 - Add Site Name Field
        • Step 8 - Grade Level Sorting
    • CrossTabs Tutorial - Create, Format, and Style a CrossTab
      • Step 1 - Create Your CrossTab
      • Step 2 - Size and Position Your CrossTab
      • Step 3 - Format and Style Your CrossTab
  • Homework 1 - BI Workshop Follow Up
  • BI Tool Cheat Sheet
  • JasperSoft Studio Tips, Tricks, & FAQs
    • Basics of Writing Expressions in JSS
    • Rounding Decimals
    • Working with Dates in JSS
    • Conditional Styling in JasperSoft
    • Custom "No Data" Message
    • Create Multiple Summary Bands
    • Create Hyperlinks or "Tabs" to Connect Sets of Reports
    • JSS Community Edition
      • Adding Data Labels to Your Chart
      • Customizing Colors in Your Charts
    • JSS Professional Edition Only
      • HTML5 Charts
        • Data Labels: Enable, Customize, & Round Data Labels
        • Tooltip: Customizing the Tooltip
        • Keeping Colors Consistent in HTML5 Charts
        • Adding Drill Down to a Chart
        • Prevent Tooltip from Being Cut Off
        • Sort the Bars in Your Stack - Ordering the Series in Your Chart
        • Passing Parameters/Data Between Datasets with HTML5 Charts
        • Add Plot Lines to your Chart
        • Add Colored Zones or Plot Bands to Your Chart
        • Change Bar Colors Based on Bar Value
    • Rolling Over Your BI Tool Reports
    • "Current" Columns in Custom Reporting - To Use or Not to Use?
  • Report Design Best Practices
  • Installing the Illuminate Font Set
  • Report Templates
    • Blank Templates - Report Starters
    • Using the Report Templates
    • Multiple Measures Site Comparison Report (Tutorial 5)
    • EL Reclassification Report
    • EL Reclassification Report v2
    • RFEP Monitoring Report
    • Student Rubric Template
    • Michigan Report Templates
      • PSAT and SAT College Readiness Report
  • BI Tool User Community
Powered by GitBook
On this page
  • Step 1: Create and Install the Reports
  • Step 2: Add the Hyperlinks

Was this helpful?

  1. JasperSoft Studio Tips, Tricks, & FAQs

Create Hyperlinks or "Tabs" to Connect Sets of Reports

PreviousCreate Multiple Summary BandsNextJSS Community Edition

Last updated 5 years ago

Was this helpful?

It's often helpful to link multiple reports together to create a unified experience for the end user. By linking multiple reports together, the end user can experience a set of reports as if they were a single report, making it easier for users to use and find/discover the reports.

The most popular way to accomplish this is to create pseudo "tabs" or "buttons" that link back and forth to other reports. Here's an example:

The "tabs" and "buttons" in the screenshot above are nothing more than text fields with hyperlinks to entirely separate but related reports.

The key to creating a unified experience for the user is to ensure that any filters that the user has selected are carried over to the other reports when they click on the hyperlink. Follow the steps below to create a hyperlink that carries over all the filters to the target report.

Step 1: Create and Install the Reports

The first step is to create and install your separate reports, without the hyperlinks. The reports need to be installed without the hyperlinks first because you must have a report id in order to create a hyperlink to the report. A report ID is assigned only when a report is installed. So the process requires first installing the reports and then updating the reports with the hyperlinks.

Step 2: Add the Hyperlinks

First, Add a simple text field to your report where the user will click to switch to another report. You can add a rectangle with a radius (i.e. rounded corners) underneath the text field to make it look like a tab.

Next, select your textfield and: 1. Go to the Properties tab 2. Select Hyperlink 3. Click the + next to “Hyperlink”. 4. Set the “Link Target” to Parent 5. Set the “Link Type” to Reference 6. Copy and paste the long expression below into the “Hyperlink Reference Expression” field.

Finally, you need to customize the “Hyperlink Reference Expression”:

  1. Change "DEMO" to your Illuminate domain.

  2. Change "prebuilt_id=123" to the report id of the report you are linking to.

  3. You may need to change the "/live/" after the "illuminateed.com" to "/dna/" depending on your Illuminate site. Just look at the url when you are logged in to your Illuminate to see if your Illuminate site uses "/live/" or "/dna/".

"https://DEMO.illuminateed.com/live/?page=PrebuiltReport_JasperCustomReportController&debug="
+"&jasper_prebuilt_id=123"
+"&fw_form_form_test=1"
+"&site_id="+$P{site_value}
+"&date="+($P{date_value}==null? "" : ($P{date_value}.contains("Control Panel") ? "logged_in_date" : $P{date_value}.contains("Current Year") ? "current_year" : "custom"))
+"&date_other_start="+($P{date_other_start}==null ? "" : URLEncoder.encode($P{date_other_start},"UTF-8"))
+"&date_other_end="+($P{date_other_end}==null ? "" : URLEncoder.encode($P{date_other_end},"UTF-8"))
+"&group_id="+$P{group_value}
+"&course_id%5B%5D="+($P{course_value}==null ? "" : ($P{course_value}.replaceAll(", ","&course_id%5B%5D=")))
+"&race_slash_ethnicity="+$P{english_proficiency_value}
+"&gender="+$P{gender_value}
+"&is_special_ed="+$P{is_special_ed_value}
+"&is_sed="+$P{is_sed_value}
+"&user_id%5B%5D="+($P{user_value}==null ? "" : ($P{user_value}.replaceAll(", ","&user_id%5B%5D=")))
+"&section_id%5B%5D="+($P{section_value}==null ? "" : URLEncoder.encode($P{section_value},"UTF-8"))
+"&student_id%5B%5D="+($P{student_value}==null ? "" : URLEncoder.encode($P{student_value},"UTF-8"))
+"&non_visibility_group_id="+$P{non_visibility_group_value}
+"&english_proficiency%5B%5D="+$P{english_proficiency_value}
+"&department_id%5B%5D="+$P{department_value}
+"&grade_level_id%5B%5D="+($P{grade_level_value}==null ? "" : ($P{grade_level_value}.replaceAll(", ","&grade_level_id%5B%5D=")))
+"#report"