Current Release

Check out the latest release of Responsive UI, use a template to get started, and reference sample applications to start building with Responsive UI today.

Prerequisites for loading the 8+ release

• Register to access the Responsive UI packages
• Understand which Responsive UI packages to install

Release notes

• Upgraded to Angular 17 which required additional package version updates along with the following code updates:

  • In package.json
    • Upgrade all @angular and @angular-devkit packages to ^17.1.2
    • Upgrade zone.js to ^0.14.3
    • Upgrade typescript to ^5.3.3
    • Upgrade primeng to ^17.6.0
  • In angular.json
    • Change “polyfills”: “src/polyfills.ts” to “polyfills”: [“zone.js”]
    • Change browserTarget property to buildTarget

• Removed deprecated third party CSS files from the @jkhy/responsive-ui-wc package. These CSS are available in their own packages.

  • If your app uses these packages, add the following to your package.json:

    • “@jkhy/responsive-ui-prime-ng”: “16.9.4”,
    • “@jkhy/responsive-ui-ag-grid”: “31.0.0-1”,
    • “@jkhy/responsive-ui-angular-split”: “15.0.0”,
    • “@jkhy/responsive-ui-jodit”: “3.24.5”,
    • “@jkhy/responsive-ui-ngx-bootstrap”: “10.2.0”,

  • Next update the paths in your angular.json from:

    • “node_modules/@jkhy/responsive-ui-wc/styles/rui-third-party-ag-grid.css”,
    • “node_modules/@jkhy/responsive-ui-wc/styles/rui-third-party-angular-split.css”,
    • “node_modules/@jkhy/responsive-ui-wc/styles/rui-third-party-jodit.css”,
    • “node_modules/@jkhy/responsive-ui-wc/styles/rui-third-party-ngx-bootstrap.css”,
    • “node_modules/@jkhy/responsive-ui-wc/styles/rui-third-party-prime-ng.css”,

  • to:

    • “node_modules/@jkhy/responsive-ui-ag-grid/rui-third-party-ag-grid.css”,
    • “node_modules/@jkhy/responsive-ui-angular-split/rui-third-party-angular-split.css”,
    • “node_modules/@jkhy/responsive-ui-jodit/rui-third-party-jodit.css”,
    • “node_modules/@jkhy/responsive-ui-ngx-bootstrap/rui-third-party-ngx-bootstrap.css”,
    • “node_modules/@jkhy/responsive-ui-prime-ng/rui-third-party-prime-ng.css”,

• Added id/jhaId property to rui/jha-tab components to allow teams to set specific ID. If an ID is not provided, one will be generated as was done previously.

• Added jhaSelectedTabChange event to jha-tabset. When a tab is selected, this event will fire and return the ID of the selected tab.

• Added tab-header-extra slot to header row of rui/jha-tabset to allow teams to provide additional content within header bar.

• Added tab-label-extra slot to each tab label inside of rui/jha-tab too allow teams to provide additional content/buttons within tab label.

• Added isFullHeight/jhaIsFullHeight to rui/jha-tabset to allow the tabset to be contained in a fixed layout container, so only the content scrolls and not the tab header.

• Removed @angular/material as a dependency of @jkhy/responsive-ui-angular as it was no longer needed. If your application uses Angular Material, you will need to add it to your package.json.

• Added APP_BASE_HREF as a provider for the JhaLayoutModule to resolve routing issues when using a base-href and PathLocationStrategy. If your app uses PathLocationStrategy and a base-href when publishing, use JhaLayoutModule.forRoot() in your app.module.

• Removed the deprecated jhaIsReactive property from jha-toggle as it is no longer used.

• Added new form-field-extra-info slot to rui-form-field to allow additional markup below the form input.

• Added background color to active nav elements to create a greater distinction between selected and non-selected nav items, especially when the nav bar is collapsed.

• Updates to jha-app routing logic for relative paths.

• Updated disabled and aria-disabled attributes for rui-button-group-option. Also corrected cursor to be not-allowed on disabled button group options, to match our other disabled elements.

• Updated styling in ag-grid theming to correct border colors and disabled button colors.

• Updated styling for rui/jha-button-group to grow all buttons if at least one has wrapped text.

• Updated event communication in rui-tabset to resolve issue with multiple rui/jha-tabsets in a view.

• Updated event communication in rui/jha-master-detail for consistency.

• Cleaned up events in jha-master-list.

• Corrected icon color for partially selected node in p-tree.

• Corrected min-height of p-dropdown with no selection.

Previous releases

You can find a list of archives of this documentation site for previous releases here.

Note that:

• Enhancements are only added to the next upcoming release that we’re working towards. Enhancements will not be added to previous releases.
• Bug fixes will be provided for previous releases that were published up to one year prior to the date of the bug report.
  • After that you’ll need to move to a more current release.
• For now, all prior releases will remain available for installation from the npm server and will not be removed.
• We’ll keep archived copies of the Responsive UI site available for the last three calendar years.