Aug 22

PrimeNG 1.0.0-beta.13 Released

PrimeTek is glad to announce the new release of PrimeNG, the leading open source rich UI components suite for Angular 2. Beta13 brings first class support for the new NgModules of Angular 2.RC5 which drastically changed how the application is bootstrapped and dependencies are configured. We really like this change as it helps to remove many boilerplate code.

Modular

Every PrimeNG components now has its own module and can be imported to your application via the imports section. That also means they need to be removed from the declarations section.

Old Method

This is not ideal and not the suggested way in Angular 2 final, it only works as RC5 has backward compatibility enabled which will likely be removed once Angular2 is final.

import {NgModule}      from '@angular/core';
import {InputText,DataTable,Button,Dialog} from 'primeng/primeng';

@NgModule({
  imports:      [BrowserModule],
  declarations: [AppComponent,InputText,DataTable,Button,Dialog],
  bootstrap:    [AppComponent],
  providers:    [CarService]
})
export class AppModule { }

New Method
This method is the suggested one and fully utilizes NgModules.

import {NgModule}      from '@angular/core';
import {InputTextModule,DataTableModule,ButtonModule,DialogModule} from 'primeng/primeng';

@NgModule({
  imports:      [BrowserModule,InputTextModule,DataTableModule,ButtonModule,DialogModule],
  declarations: [AppComponent],
  bootstrap:    [AppComponent],
  providers:    [CarService]
})
export class AppModule { }

Full ChangeLog

New Features and Enhancements

Defect Fixes

Breaking Changes

  • SplitButtonItem is removed to align with other menu components, use MenuItem api instead.

Download

PrimeNG is available at npm.

Roadmap

We couldn’t add new features lately as we wanted since we had to catch up with changes Angular2 RCs, nowadays it feels like Angular2 is really close to the final and we don’t expect big changes from now on. So in addition to constant maintenance work, planned upcoming features are;

  • FileUpload
  • Spreadsheet (Excel like component)
  • TriStateCheckbox
  • Custom components in datatable headers, filters and cell editors
  • Accessibility Improvements (508)

Also we’ll introduce a new Material Layout and Theme called Ultima very soon for PrimeNG along with PrimeFaces;

Posted in PrimeNG | Comments Off
Aug 18

Omega 1.1 Released

Omega has received an update along with implementations of some popular requests.

New Menu

Main improvement is the facelift of the menu to bring a more elegant look.

Profile Menu

The user profile located at sidebar is now interactive and toggles a profile menu for the user.

Collapsible Menu

As a popular community request, we’ve made the menu collapsible on demand using the menu button at the top.

SASS Docs

Documentation has been improved to include sass customization.

Live Preview

Checkout Omega 1.1 in active at live preview.

Download

Omega Layout is available to Elite and Pro users at no cost, as an alternative it can also be purchased standalone for $59 at store without an Elite or Pro subscription.

We hope you’ll like the new enhancements.

Always bet on Prime!

Posted in PrimeFaces | Comments Off
Aug 16

PrimeFaces Elite 6.0.3 and 5.3.16 Released

PrimeFaces Team is pleased to announce new updates for Elite Subscribers that bring accessibility enhancements.

6.0.3

5.3.16

Download

1 year Elite subscription is only $99 per developer including the Omega Layout.

Binaries, Sources, API docs and VDL docs are available in PrimeFaces Store for ELITE and PRO users as an official release bundle.

Posted in PrimeFaces | Comments Off
Aug 09

PrimeNG Beta-12 Released

PrimeTek is glad to announce the new release for PrimeNG, the open source rich UI suite for Angular2. Beta-12 brings new features and provides defect fixes.

New Features and Enhancements

Defect Fixes

Download

PrimeNG is available at npm.

Roadmap

We plan to do beta13 next week with new fileupload component followed by spreadsheet later by end of month, also in the meantime Icarus is being ported to PrimeNG. Upcoming PrimeFaces Material Application Template called Ultima will also be available to PrimeNG.

Posted in PrimeNG | 3 Comments
Aug 09

Next-Gen Layouts Updated

Icarus, Omega and Apollo have been updated with handy new features, maintenance enhancements, improved dashboard, better animations and more.

Icarus

Icarus has received topbar menus displayed as overlays.


Omega

Menu animations have been enhanced using animate.css also compatibility issues with 5.x have been corrected.

Apollo

There is a new dark topbar option in addition to existing colored bars, similar to Omega profile menu has been improved with a new fly in animation and 5.x compatibility is added.

Download

Updates are available at PrimeStore.

Posted in PrimeFaces | 2 Comments
Aug 03

PrimeFaces Apollo

PrimeFaces Apollo is the all-new next-gen premium application template inspired by a dark design concept featuring a fully responsive layout and 15 themes.

Layout

Layout provides a horizontal menubar at the top, in responsive mode menu goes in vertical mode and displayed inside sidebar. There is also a helper user profile menu.


Theme

There are 15 themes included and it easy to create your own via sass.


Live Preview

Live showcase is available at here for a test run.

Download

Apollo is available for sale and download at PrimeStore.

Posted in PrimeFaces, Uncategorized | 2 Comments
Jul 26

PrimeFaces Elite 6.0.2 and 5.3.15 Released

PrimeFaces Team is pleased to announce new updates for Elite Subscribers.

Omega Theme for 5.3.15

Highlight of 5.3.15 is the availability of Omega so that 5.3.x users can also now use the Omega Layout.

In addition, 5.3.x users can now use the new p:triStateCheckbox component.

6.0.2

5.3.15

Download

1 year Elite subscription is only $99 per developer including the Omega Layout.

Binaries, Sources, API docs and VDL docs are available in PrimeFaces Store for ELITE and PRO users as an official release bundle.

Posted in PrimeFaces | 1 Comment
Jul 26

PrimeNG Beta-11 Released

PrimeNG Beta11 is now available with 15 improvements featuring the built-in radiobutton-checkbox based selection mode for datatable.

RadioButton and Checkbox for DataTable

Row selection with radio button and checkboxes is a common case and it is simple as using the new selectionMode property in column component to enable it. Checkout the live demo for a test run.

<p:column selectionMode="single|multiple"></p:column>

Other notable new features are the customizable paginator position, labels for standalone radiobuttons-checkboxes, appendTo for Dialog and ability to control expanded rows from the model.

New Features and Enhancements

Defect Fixes

Download

PrimeNG is available at NPM.

Roadmap

Current planned tasks are migrating to webpack to speed up live demos and improve development environment. After that we’ll start working on the fileupload component followed by the spreadsheet. Premium templates such as Icarus and Omega will be ported to PrimeNG in near future as well.

Posted in PrimeNG | 1 Comment
Jul 22

PrimeNG 1.0.0-beta.10 Released

PrimeTek is pleased to announce the new beta for PrimeNG, the open source rich UI component suite for Angular2.

Templating Changes

Components having support for custom templates such as dropdown, autocomplete, datalist have changed the way they handle templates. Instead of requiring a wrapper element, they only need the content itself.

<p:dropdown>
   <template let-option>
        <li>
            {{option.label}}
        </li>
   </template>
</p:dropdown>

becomes;

<p:dropdown>
   <template let-option>
       {{option.label}}
   </template>
</p:dropdown>

Having the repeating the element in the context of PrimeNG component is a major improvement, instead of accessing the dom directly we can now do things more in the way of angular and many reported issues have been fixed as a result. The components having this change are;

  • Dropdown
  • AutoComplete
  • Listbox
  • DataList
  • DataScroller
  • Carousel
  • PickList
  • OrderList

Full Changelog

Roadmap

We are now initiating the intense development mode for PrimeNG and will do a new release every week. To begin with, we’ll work on the github issues and pull requests followed by new components such as fileupload and spreadsheet. New layouts including Icarus and Omega will be ported from PrimeFaces as well. No major breaking changes are expected as APIs are quite stable as of beta10.

PrimeNG has been a success so far with increasing number of PrimeNG PRO users and premium layout-theme purchases, as a result PrimeTek has decided invest even more to the PrimeNG.

Posted in PrimeNG | 2 Comments