Skip to content
View in the app

A better way to browse. Learn more.

Jaspersoft Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Dr. Jaspersoft - Advanced Customization: Revolutionizing JasperReports Server UI with Webpack

Unlock unprecedented levels of UI customization and performance optimization in your JasperReports Server deployments! This webinar will dive deep into leveraging Webpack, a powerful module bundler, to tailor the JasperReports Server interface, integrate custom components, and streamline your front-end development workflow. Move beyond basic branding and gain the tools to create a truly unique and highly performant user experience.

In this webinar, you will learn how to:

  • Understand Webpack Fundamentals for JRS: Get a clear overview of what Webpack is, its core concepts (modules, loaders, plugins, bundles), and how it applies to customizing the JasperReports Server front-end.
  • Set Up Your Customization Environment: Learn the initial steps to configure a Webpack project for JasperReports Server, including setting up development and production build processes.
  • Customize UI Components and Pages: Discover how to modify existing JasperReports Server UI elements, inject custom JavaScript and CSS, and even introduce entirely new components using Webpack.
  • Integrate External JavaScript Libraries: Learn to seamlessly bundle and utilize popular third-party JavaScript libraries (e.g., React, Vue, D3.js) within your JasperReports Server interface.
  • Optimize Performance with Webpack: Explore advanced Webpack features like code splitting, minification, tree-shaking, and lazy loading to significantly improve the load times and responsiveness of your customized server.
  • Manage Dependencies and Assets: Understand how Webpack helps you efficiently manage your front-end assets, from images and fonts to complex JavaScript modules.
  • Best Practices for Maintainable Customizations: Gain insights into structuring your Webpack projects for long-term maintainability, upgrade compatibility, and collaborative development.

Can’t make it?  Sign-up anyway and we will send you a copy of the recording after the live webinar.

Speakers

Kumar Manas headshot

Kumar Manas
Manager, UI/UX Engineering
Jaspersoft

Gopal Purushottam Rathi headshot

Gopal Purushottam Rathi
Senior UI/UX Engineer
Jaspersoft

Paul Jimenez headshot

Paul Jimenez
Senior Support Engineer
Jaspersoft

For questions outside of the feature topic, pose questions directly in the Community Forums and tag with #DrJaspersoft.

Have a topic you want us to cover?  Vote now for your next Dr. Jaspersoft session.

Browse the full catalog of previous Dr. Jaspersoft sessions for practical advice and helpful how-tos to get the most from using Jaspersoft.

 

Recommended Comments

There are no comments to display.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Add a comment...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.