PrimeFaces ULTIMA

After 1 month of hard work and dedication, PrimeFaces team is pleased to announce the all-new ultimate material application template, UltimaA highly customizable premium application template featuring 3 menu modes, 10 themes, light and dark menu and 2 user profile modes. In total there are 120 possible layout combinations. It is by far the best material layout we’ve created and the most customizable one for sure.

Material Design

Ultima closely follows Material Design language with ripple effects, input animations, shadows, cards and more.

3 Menu Modes

Ultima has 3 menu alternatives,

  • Inline
  • Overlay
  • Horizontal

Light and Dark Menu

Menu has two color alternatives, light and dark that can be used with the 3 orientations listed above.

10 Themes

Next-gen layouts provide multiple themes for the layout and Ultima is no exception, based on material colors, Ultima provides 10 themes out of the box and it is also very easy to come up with your own with sass variables.

2 User Profile Locations

User profile menu can either be located inside the main menu or at topbar.

Topbar Menus

An icon at topbar provides a submenu and in responsive mode they are displayed as stacked.

Enhanced Mobile Experience

On a mobile device, Ultima applies theme colors to the device status and browser bar for a unified look, in addition mobile events such as swipe are enabled to close the overlay menu.

Templates Pages

Landing, login and error pages are provided
as template pages to get started with building your app in no time.

Sass

Next-gen layouts are created with Sass, this simplifies maintaining the styles and allows easy customization. For example, we’ve documented how to create your own theme-layout colors for Ultima in case you need something different than the 10 provided themes.

Material Icons

Google has provided over 400 great looking material icons and we’ve converted them into PrimeFaces icons meaning they can be used with the regular ui-icon-* prefix within your component. Check out the icons demo for details.

Live Preview

Checkout Ultima in active at live preview.

Download

Ultima is available at PrimeStore.

Always bet on Prime!

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;

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!

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.

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.

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.

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.

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.

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.