Question:
How to customize login page?
I would like to hide 2 Tibco images, help and info topics and add custom welcome message.
Answer:
This approach is well documented in the documentation
(JasperServer Ultimate Guide 6.2, paragraph 6.4, customizing login page),
however I have got complaints that this information was not helpful and did not allow
to achieve the desired result.
After I got the feedback above I decided to do such
customization in my test instance of JasperReports Server 6.2.
Below I would like to share with you the approach
that has been used to:
- remove 2 company logos
- remove all help and info topics on the left
part of the login page
- add custom welcome message to the login page
1. Remove images and info topics:
With the software is supplied a set of themes.
My suggestion is to check all your modifications
not with the default theme but with one of the themes
which you can find in the Themes folder.
In my case I used easy_access theme:
This was done to easily backup to default theme
in case of any error. It is recommended
to check any changes with non-default theme.
To apply your changes to easy_access theme
you just need to navigate to overrides_custom.css
file that is stored under this theme,
right click on this file, select Edit
and then upload your file with customizations
instead of the empty one that is stored
in this theme:
After this you should set this theme as the default
one and logout from the application:
Below I quote the contents of overrides_custom.css file:
#loginPage #welcome .logo { display: none; } #loginForm .devices { background-image: none; background-position: 0 0; background-repeat: no-repeat; background-size: 439px auto; height: 201px; margin: 36px auto; width: 440px; } #loginPage #rotating { display: none; }
To add my company welcome message I:
- uncommented LOGIN_WELCOME_OS message in
jasperserver-proWEB-INFjspmodulesloginlogin.jsp
page
- updated LOGIN_WELCOME_OS message in the configuration file
jasperserver-proWEB-INFbundlesjasperserver_messages.properties
- saved configuration file
- restarted the application server to apply the changes that have been done
Please see the screenshot below:
I've attached to the article all files that I modified to achieve
the desired goal.
Recommended Comments
There are no comments to display.