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
  • Create Your Style
  • Set Default Style
  • Set 1st Condition
  • Set Style for 1st Condition
  • Repeat for 2nd, 3rd, 4th Condition, etc.
  • Apply the Conditional Style to Your Field
  • TIP

Was this helpful?

  1. JasperSoft Studio Tips, Tricks, & FAQs

Conditional Styling in JasperSoft

PreviousWorking with Dates in JSSNextCustom "No Data" Message

Last updated 5 years ago

Was this helpful?

To create conditional styles in JSS:

Create Your Style

  • Navigate to the top of the Outline tab.

  • Right-click on the Styles category.

  • Select Create Style

  • Select the newly created Style1 in the Styles category.

  • Click on Properties Tab > Style

  • Name your style (change from default “Style1”

  • Set the default font/font size for your style

Set Default Style

  • Click on Appearance

  • Set the default Forecolor and Backcolor if necessary.

    • Forecolor controls the text color.

    • Backcolor controls the “Fill” or Background color.

      • NOTE: If you use a Backcolor, be sure to uncheck the “Transparent” box or your Backcolor will not show.

Set 1st Condition

  • Navigate to the Outline tab.

  • Right-click on your style.

  • Double-click on NO CONDITION SET

  • In the Expression Editor, enter your 1st condition.

Set Style for 1st Condition

  • Select the condition under your style in the Outline

  • Navigate to Properties Tab

  • Use Appearance, Border, & Style to set your conditional style

Repeat for 2nd, 3rd, 4th Condition, etc.

  • Right-click on your style.

  • Select Create Conditional Style

  • Double-click on NO CONDITION SET

  • In the Expression Editor, enter your 1st condition.

  • Select the condition under your style in the Outline

  • Navigate to Properties Tab

  • Use Appearance, Border, & Style to set your conditional style

Apply the Conditional Style to Your Field

  • Select a field on your report canvas

  • Navigate to the Properties tab

  • Under Appearance, select your conditional style from the drop-down menu.

TIP

  • Create your conditions in a logical order. The style from the first true condition will be applied to your field.

  • Why isn't my conditional style working? Any styling that was manually applied to your field(s) over-rides your conditional styling.

    If your conditional styling isn't working, select your field and navigate to Properties > Inheritance. Remove any styling in the Element Attributes area.

Select Create Conditional Style