Aug 20

PrimeFaces ELITE 5.0.6 and 4.0.20 Released

In this ELITE iteration, there are over 20 improvements mainly focusing on maintenance. Highlights are the defect fixes to datatable and chart components, header support for MultiSelectListbox component, exposed filter api to display datatable as filtered on page load and dynamic selection mode for same datatable via an EL on selectionMode.

New Features

Enhancements

Defect Fixes

Download

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

Posted in Uncategorized | Comments Off
Aug 06

Triple PrimeFaces Elite Release

PrimeFaces Team is proud to announce the new updates to PrimeFaces Elite. 5.0.5 and 4.0.18 are available with defect fixes, new features and enhancements whereas 3.5.28 provides only defect fixes. Highlights of the recent changes are;

AutoComplete Grouping

Requested by a PRO user, groupBy attribute is added to group the suggested items into categories.

Grid CSS and Responsive DataGrid

Grid CSS is a lightweight (1.4KB) responsive layout utility optimized for mobile devices, tablets and desktops. Up to 12 columns are supported based on fluid and fixed modes.

While the Grid CSS can be used as standalone, we’ve also started integrating it with various components to take advantage of responsive features. One good example is DataGrid;

On a smaller screen, panels stack up.

Grouping with Dynamic Columns

p:columns component is used to generate dynamic columns on the fly but there was a limitation when grouping is used in headers or footers. To provide this, we have added ui:repeat support to generate columns in headers-footers as well. This is also sponsored by a PrimeFaces PRO User.

Accessibility Enhancements

Thanks to PRO sponsorship, a couple of more components get accessibility features such as keyboard access for datatable sort headers and screen reader support for autocomplete.

So that is it for highlights, here is the detailed changelog;

New Features and Enhancements

Defect Fixes

Download

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

Roadmap

Next 5.0.6 with 4.0.19 are planned to be released by the 3rd week of August.

PrimeFaces Templates

Premium PrimeFaces Templates are coming soon, stay tuned!!!.

Posted in PrimeFaces | Comments Off
Jul 31

PrimeFaces Certification Discount

PrimeFaces Certification Exam has been around for a while and many PrimeFaces users got certified by passing the exam already. In case you haven’t still decided whether or not to take the exam, we now offer 50% discount so that the fee of the exam is now $49 for a limited period.

Certification program allows you to demonstrate proficiency in PrimeFaces Framework. Become a Certified PrimeFaces Developer and stand apart from your peers, boost your confidence, and expand your career opportunities.

Posted in PrimeFaces | Comments Off
Jul 28

Responsive Grid

Grid CSS is a lightweight (1.4KB) responsive layout utility optimized for mobile devices, tablets and desktops. Up to 12 columns are supported based on fluid and fixed modes. There are many 3rd party libraries to implement a layout like this but we’ve decided to come up with their own so that we can tune it for the components.

Usage is fairly simple, there are no components at all. A simple div with a ui-grid does the trick. For a simple 3 column layout;

<div class="ui-grid">
    <div class="ui-grid-col-4">Col1</div>
    <div class="ui-grid-col-4">Col2</div>
    <div class="ui-grid-col-4">Col2</div>
</div>

Columns can be mixed as well.

<div class="ui-grid">
    <div class="ui-grid-col-4">4</div>
    <div class="ui-grid-col-8">8</div>
</div>

To make the grid responsive, simple add ui-grid-responsive to the container.

<div class="ui-grid ui-grid-responsive">
    <div class="ui-grid-col-4">4</div>
    <div class="ui-grid-col-8">8</div>
</div>

While the Grid CSS can be used as standalone, we’ve also started integrating it with various components to take advantage of responsive features. One good example is DataGrid;

On a smaller screen, panels stack up.

Stay tuned for upcoming Layout features, if you haven’t heard yet, we are working on Premium Themes and Layouts to provide a set of responsive templates to kickstart your PrimeFaces applications in no time. First Theme and Layout set, SentinelBlue is coming out in August.

Posted in PrimeFaces | 5 Comments
Jul 24

Accessibility Update

Accessibility is not usually the first priority in web application development and unfortunately many tools ignore it. Since PrimeFaces 3.5 we have been working on it a lot across our suite and constantly improve various aspects with each release. Considering the complexity of the rich UI components, special care needs to be taken in addition to the core functionality.

Accessibility has two major parts in PrimeFaces, keyboard access support for a component to focus on it via tabbing and use helper keys like arrows to navigate within the component. Another important aspect is the screen reader support for blind users.

For example, targeting 5.1 we have recently improved usage for the following cases;

DataTable Sorting via Keyboard

Sort headers can receive focus via tab key and hitting enter triggers sort. Focus stays on the header so consecutive enter keypress leads to ascending-descending sorting. Also multi sort is support when meta key is on.

Screen Reader for AutoComplete

When the suggestions are loaded, we use a special hidden element and use aria-live option to initially tell the screen reader how many results are available. After that, since the autocomplete has focus, arrow keys can be used to navigate between the items and we update the hidden element with the label of the current item so that screen reader can speak the current item. As usual, hitting enter key selects the item.

In future releases, we’ll keep improving the accessibility support to make sure PrimeFaces is compatible with standards such as 508.

 

Posted in PrimeFaces | 2 Comments
Jul 17

PrimeFaces Newsletter

PrimeFaces Team is pleased to announce the official Newsletter for PrimeFaces. Your monthly newsletter features news about the PrimeFaces development, events, offers and more.

First issue, July 2014 has been sent to existing subscribers already, if you’d like to subscribe, please visit the subscribe form at PrimeFaces homepage.

Posted in JSF | Comments Off
Jul 16

PrimeFaces ELITE 5.0.4 and 4.0.17 Released

PrimeFaces Team is pleased to announce a new dual Elite Release featuring over 30 improvements.

Highlights

  • InputSwitch is a new addition to the suite and it is now available in 5.0.4 for Elite subscribers.

  • DataTable has received a lot attention in these releases, various issues have been fixed.
  • Ajax requests can now be aborted using PrimeFaces.ajax.Queue.abortAll() call.
  • IE11 support is improved.

New Features

Defect Fixes

Download

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

Roadmap

Next 5.0.5 with 4.0.18 are planned to be released by end of the July.

Accessibility enhancements like improved screen reader support, new features to existing components, responsive grid css features are being planned for 5.1 so it is likely that some of those will make it 5.0.x and 4.0.x as well.

Posted in JSF | Comments Off
Jul 10

PrimeFaces MetroUI Demo

PrimeFaces MetroUI is an Elite Theme available as a standalone purchase and also provided to Elite&Pro users.

Now the demo is included in the PrimeFaces Showcase as well. Just select MetroUI from the ThemeSwitcher at the top right menu.

Stay tuned for the upcoming news about the PrimeFaces Premium Themes and Layouts which is entirely different than the community and elite themes.

Posted in PrimeFaces | 1 Comment
Jul 08

InputSwitch

InputSwitch is a new addition to the suite, used to provide a boolean value with a switch UI. Component features customizable labels, ajax behaviors and keyboard access. Note that there is already a switch component in PrimeFaces Mobile and we’ll deprecate it in 5.1 in favor of Mobile Renderer for InputSwitch.

Online Demo

Live demo is available at PrimeFaces Showcase.

InputSwitch will be available for Elite-Pro users starting with 5.0.4 and with 5.1 for Community users.

Posted in PrimeFaces | Comments Off