PrimeNG 2.0.1 Released

PrimeTek is glad to announce the new release PrimeNG featuring Virtual Scrolling, Checkbox mode for TreeTable, new Captcha component, improved touch support and various other improvements.

Virtual Scrolling

Combined with lazy loading, Virtual Scrolling mode is available to deal with large datasets by loading data on demand during scrolling.

Checkbox TreeTable

Similar to the tree, TreeTable now also support checkbox mode selection. This was a request from a PrimeNG PRO user and now available to the whole community as well.

Captcha

Captcha is the new addition to the suite to verify users with ReCaptcha API.

Touch Support

Multiple selection mode of List components such as DataTable, PickList, Listbox required metakey to be pressed as it is the behavior of file systems however this had been an issue on touch devices. With 2.0.1, metaKeySelection attribute is provided to these components to change this behavior and on touch devices it gets disabled automatically.

Full Changelog

In total there are 25+ filed improvements;

New Feature and Enhancements

Defect Fixes

Download

PrimeNG is free to use under MIT license and distributed at npm.

Roadmap

Next major version will be 2.1 featuring the mighty Spreadsheet component to bring excel like functionality to Angular. Our plan is to announce it before ng-conf in April.

PrimeNG 2.0 Released with Poseidon

PrimeTek is pleased to announce the 2.0-Final release of PrimeNG, the most complete open source UI component suite for Angular along with the all-new Poseidon application template.

CSS over JS

PrimeNG 1 was using js to add hover effects and focus events, this was causing an unnecessary change detection in the context of Angular so we’ve reimplemented this to use CSS pseudo instead. Result is better performance, especially significant on pages with a lot of widgets.

DataTable

DataTable is the most complex component and to deal with complexity it has been revamped to have separate internal components like headers, body, scrollable views. This allows us to implement the new Frozen Columns easily. Another important add-on is the customizable editable cells. Highlight anticipated column resize support for scrollable tables is also now available.

Performance

Various components such as Dropdown, Calendar have received performance improvements, results are significant and performance has been improved drastically.

Quality

Thanks to the included defect fixes, quality is being improved with each release.

Full ChangeLog

Here are the detailed changelog for all RCs;

Download

PrimeNG is free to use under MIT license and distributed at npm.

Poseidon

A modern premium application template for Angular and PrimeNG featuring 3 menu modes and 8 themes. Based on a flat design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5. It is a true native Angular template powered by Angular CLI.

See the live preview and the info page for details.

Poseidon is on sale at PrimeStore.

Ultima
Ultima is also updated to PrimeNG 2.0 final along with a couple of improvements.

Roadmap

We’ll now start working on the new features such as drag drop for tree, accessibility and rtl improvements, better touch support, live scrolling for datatable, spreadsheet component, captcha, timeline and improved server side rendering.

Ultima 2.0.1 Released for PrimeNG

2.0.1 is a maintenance release to improve the overall quality of Ultima with PrimeNG 2.0.RC3 and newer.

Changelog

Live Demo

Preview demo is available at Ultima Showcase.

Download

Ultima is on sale at PrimeStore.

Documentation

Visit the detailed documentation page to get started, integration with existing projects, migration guide and more.

Support

PrimeTek offers premium support at the dedicated Ultima customer support forum.

PrimeNG 2.0.0-RC3 Released

Thank you all who tested the RC releases and give us constant feedback. RC3 is the last planned release before 2.0 final next week and it includes over 20 improvements.

Enhancements

Defect Fixes

Download

PrimeNG is free to use under MIT license and distributed at npm.

Roadmap

8th of February is the planned date for 2.0-Final release. Then we’ll start working on the new features such as drag drop for tree, accessibility and rtl improvements, better touch support, live scrolling for datatable, spreadsheet component, captcha and server side rendering.

PrimeNG 2.0.0-RC2 Released

Second release candidate of PrimeNG has been released with 10 enhancements for the reported issues over RC1;

Download

PrimeNG is free to use under MIT license and distributed at npm.

Roadmap

9th of February is the planned date for 2.0-Final release. Then we’ll start working on the new features such as drag drop for tree, accessiiblity and rtl improvements, better touch support, live scrolling for datatable, spreadsheet component, captcha and server side rendering.

PrimeNG Ultima Reloaded

Ultima 2.0 for PrimeNG is now available with full support for PrimeNG 2, major refactor of the layout structure, performance improvements and more.

Native Angular

Ultima 1.x was using jquery for the layout part, although this was working, it was fragile and same functionality can be written in Angular. That is what we did for 2.0, removed jquery bits and rewritten the layout in pure angular. Result is better performance and it works so much better within the context of Angular.

Ultima is now the ultimate Angular seed project as it is based on Angular CLI.

PrimeNG 2.0

PrimeNG 2.0 brings various improvements, due to the changes on the css structure side, Ultima had to be updated to be compatible.

Live Demo

Preview demo is available at Ultima Showcase.

Download

Ultima is on sale at PrimeStore.

Documentation

Visit the detailed documentation page to get started, integration with existing projects, migration guide and more.

Support

PrimeTek offers premium support at the dedicated Ultima customer support forum.

PrimeNG 2.0.RC1 Released

PrimeTek is thrilled to announce the first release candidate for PrimeNG featuring various enhancements, quality improvements, new features and more.

CSS over JS

PrimeNG 1 was using js to add hover effects and focus events, this was causing an unnecessary change detection in the context of Angular so we’ve reimplemented this to use CSS pseudo instead. Result is better performance, especially significant on pages with a lot of widgets.

DataTable

DataTable is the most complex component and to deal with complexity it has been revamped to have separate internal components like headers, body, scrollable views. This allows us to implement the new Frozen Columns easily. Another important add-on is the customizable editable cells. Highlight anticipated column resize support for scrollable tables is also now available.

Performance

Various components such as Dropdown, Calendar have received performance improvements, results are significant and performance has been improved drastically.

Quality

Thanks to the included defect fixes, quality is being improved with each release.

New Features and Enhancements

Defect Fixes

Premium Templates

The two premium templates are not yet compatible with 2.0, we’re currently working on this and they will get a new release early next week. Just like Ultima, Omega will be based on CLI. Both will replace some of the core jquery bits they use with native angular. Then we’ll start porting Poseidon, Atlantis, Verona and the upcoming Barcelona templates from PrimeFaces.

Download

PrimeNG is free to use under MIT license and distributed at npm.

Migration Guide

  • header and footer components are replaced with p-header and p-footer
  • Components having templates such as DataGrid, DataList, PickList, Listbox now require pTemplate=”item” directive to be defined on the template element.

Roadmap

There will be more RCs and on 6th of february 2.0 Final will be released. After 2.0, we’ll continue adding improvements like new features, accessibility, rtl and new components including Spreadsheet.

Always bet on Prime!

Ultima NG 1.1 Released with CLI

Ultima 1.1.0 is now available with full support for PrimeNG 1.1.x and integration with CLI.

Compatibility with PrimeNG 1.1

PrimeNG has switched to em units and border box sizing in 1.1 release and Ultima has been updated to compatible with these changes.

Angular CLI

Ultima is now based on Angular CLI to get you started in no time following the best practices. Instead of the “App Works” text in CLI, you now get a premium and great looking application template. All CLI commands are available such as creating a new component, new module, environments like dev, prod and getting production builds. Ultima is now the Ultimate Angular 2 seed project as it combines the abilities of CLI with a production ready application template powered by PrimeNG components.

Changelog

Here is the full list of changelog that also includes a couple of bug fixes.

Migration

For existing users, update is simple as replacing theme and layout css files in the distribution. For details, visit the new documentation page.

Live Preview

Ultima showcase is online for live preview.

Download

Ultima is available for purchase at PrimeStore.

PrimeNG 1.1 Released

PrimeTek is excited to announce the 1.1 release for PrimeNG featuring the all-new Bootstrap (4) theme, customizable datatable filters, advanced row grouping and more. In total, there over 40 improvements.

Bootstrap Theme

PrimeNG does not depend on bootstrap in any way however if you need to use PrimeNG components with it, we have a free theme based on bootstrap styling. The theme itself also does not require bootstrap and can be used standalone as well.

CSS Refactoring

We’ve reviewed the entire css of the components and migrated them to em units, this makes scaling easier and also we’re now using box-sizing border-box which makes sure 3rd party libs like bootstrap, zend, semantic do not break PrimeNG components.

Customizable DataTable Filters

DataTable now supports using custom elements as filters via the new filter template so you’ll be able to use dropdowns, sliders, spinners as filters.

Row Grouping

Rows can either be grouped by a separate grouping row or using rowspan. Additional optional features are toggleable groups and footer rows.

New Features and Enhancements

Defect Fixes

Deprecation Notice

pTemplate now requires the type value using pTemplate=”value” syntax instead of pTemplate type=”value”. Both cases are supported and in 2.0, we’ll remove support for the former.

Breaking Changes

Row expansion template requires a pTemplate whose value is rowexpansion to correctly identify it.

Ultima Users

A special note for Ultima Material Template users, 1.1 is not compatible with Ultima and we’ll update Ultima next week with full support and various other enhancements such as RTL support, colored growl messages and error messages support for material inputs.

License and Download

PrimeNG is fully open source under MIT license and can be downloaded from NPM.

Roadmap

Next major version is 2.0, it is planned to be fully backward compatible. We’ll do an internal refactor to replace javascript based ui-state-hover, ui-state-focus with pseudo :hover and ui-state-focus where necessary, this will reduce code on our end and speed up the application as it will avoid unnecessary change detection runs. Captcha will be the new component and we’ll also introduce the Spreadsheet component that provides excel like functionality with initial set of core editing features. Development time is expected to be 3 weeks and 2.0.RC1 is set to 11 January 2017 so we’ll start the new year with a new major release. After that we’ll stay on 2.x.

We’re really happy with the increasing number of PrimeNG PRO Support subscribers such as FOX Network Group, Mercedes-Benz and also there is a lot of interest in premium templates such as Ultima. As a result, PrimeTek has decided to invest even more in PrimeNG in 2017 by expanding the team to start with.

Always bet on Prime!