Jump to content
Changes to the Jaspersoft community edition download ×

Responsiveness in Dashboard - Need inputs on how responsiveness of jasper dashboards can be improved?


ramu_1

Recommended Posts

We created a sample dashboard using two reports in jasper server. Embedded the same dashboard in web application using 2 methods -



  1. Iframe
  2. visualize.js


 



When we tested these dashboards for responsiveness in different screen sizes like laptop, tablet and mobile, the responsiveness is limited. The panels / charts do resize, but the usablity / readability at low screen sizes is impacted, data is not visible. Posting some screen shots for the same.



 



  1. IFrame embeddding


Laptop Screen



 



http://www.helicaltech.com/wp-content/uploads/2018/02/iframe-laptop.png



Lower Screensize



http://www.helicaltech.com/wp-content/uploads/2018/02/iframe-mobile.png



2. Visualize JS embedding



 



Laptop Screen -



http://www.helicaltech.com/wp-content/uploads/2018/02/visualize-laptop.png



 



Lower screen size



 



Opened the same dashboard in mobile view. Panels are compressed and data is not visible, there is lot of space at the bottom, Right side should come at the bottom then it looks nice and data will be visible to the users.



http://www.helicaltech.com/wp-content/uploads/2018/02/visualize-mobile.png



 



Questions



 



  1. Can we improve the responsiveness of these dashboards ?
  2. Is there a way the panels re-arrange and do not just re-size ?
  3. Can we inject some CSS like bootstrap or any other java-script to do that?
  4. Are there any improvements expected in newer jasper versions ?

Link to comment
Share on other sites

  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...