I am new on Jasper world, someone knows how to create themes for jasperserver and change it?
There are two pre-requisites to theming JasperReports:
- You must have administrator permissions
- You must be familiar with CSS (Cascading Style Sheets)
To give you a simple overview, a theme is simply a folder in the repository that contains CSS and image files. Each theme is stored in its own folder and is known by the name of the folder. For example, if you go to the repository and look in the Themes folder, you will see two folders: default and pods_summer. These are the two themes that ship with JasperReports: the Default theme is in the "default" folder, and the Pods Summer theme is in the "pods_summer" folder.
The default theme cannot be modified. Therefore, to have your own custom theme, you would need to add a folder with your theme's name to the Themes folder. Within your theme's folder would be the css and image files for your custom theme.
There are a couple ways to create your own custom theme. Which one you use depends on how customized you will make your theme.
Many custom themes have minimal changes such as a custom logo and modified colors. This would be a simple theme change, and you would start by creating a css file called overrides_custom.css. It is important that the file has this name because JasperReports is set up so that style rules in this file will override the same rules in other files. This is an efficient way of custom styling because it allows you to easily change any number of rules, and manage them all in a single file.
- Create all your custom style rules in overrides_custom.css
- Create any new images that will be overriding images in the default theme
- In JasperReports, click View > Repository in the main menu
- Right-click on the Themes folder and select Add Folder
- Name the folder with the name of your theme (it is preferable to use underscores instead of spaces in the name to avoid potential problems)
- Right-click on your new theme folder and select Add Resource > File > CSS
- Browse to the overrides_custom.css that you created, enter "overrides_custom.css" as the Name and Resource ID,
- Click Submit.
You would repeat the relevant steps if you need to add an images folder to your theme, and put image files inside that images folder.
If you are interested in more extensive theming, I'll be happy to give you that information.
User Experience Designer