Jan 28

Reflow mode for DataTable

In previous 5.1.9 elite release, DataTable has received a responsive feature based on column priorities where visibility of columns are toggled based on their priority setting.

A brand new alternative responsive mode called reflow is added for the upcoming 5.1.10 Elite release. In reflow mode, columns are displayed in stacked format. Usage is simple as setting reflow attribute to true.

Live demo is available at PrimeFaces Showcase.

Posted in PrimeFaces, Uncategorized | 1 Comment
Jan 26

PrimeFaces Elite 5.1.9 and 5.0.16 Released

New versions of PrimeFaces Elite are now available bringing popular feature requests and regular maintenance. PickList has been enhanced with vertical orientation option in addition ajax events, dynamic columns now support cell editing and datatable has received responsive design enhancements.

New Features and Enhancements

Defect Fixes

Detailed changelogs for both releases are available at;

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 PrimeFaces | 2 Comments
Jan 23

Responsive DataTable

Responsiveness of PrimeFaces DataTable has been improved based on column priorities that vary between 1 and 6. Lower value means higher priority.

On wider screens all columns are visible;

And as the screen size gets smaller columns with lower priority gets hidden;

Live demo is available at PrimeFaces Showcase.  This feature will be available for Elite Users next week starting with 5.1.9 and to community users in 5.2.

Also reflow mode is being planned where columns are stacked on top of each other grouped in a row, just like in mobile datatable.

Posted in PrimeFaces | 5 Comments
Jan 12

PrimeFaces Elite 5.1.8 Released

PrimeFaces 5.1 is refreshed with a new Elite release featuring the new Diagram Component along with periodic maintenance. Read more about Diagram in our previous post.

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.

Posted in PrimeFaces | Comments Off
Jan 08

Diagram Component

Diagram is a brand new addition to PrimeFaces. It is a generic component to create elements and connect them visually. Accompanied with a flexible api, callbacks and theming, many diagram types like flowcharts, state machines, uml diagrams, hierarchical plots can be painted easily. Diagram is built on top of jsPlumb library which uses SVG on modern browsers and VML on legacy like IE8.

Overview

API consists of the following core members;

  • Diagram Model: Backend model of the diagram, everything is defined on the model instead of component attributes. Similar design to PrimeFaces Charts.
  • Element: DOM element in the diagram.
  • Connector: Connector type, possible implementations are Bezier, FlowChart, StateMachine and Straight.
  • EndPoint: Hook to connect an element, location is defined by its anchor.
  • Anchor: Location of the endpoint, these can be static like TOP, BOTTOM or dynamic like CONTINUOUS.
  • Overlay: Overlays are used to decorate endpoints and connectors like arrows, labels.
  • Connection: A connection consists of two endpoints, a connector and overlays.

API is quite flexible, you can define default values like default connector in model and override defaults when making a connection. Theming is easy with CSS and Javascript. Various events like connect, disconnect and connectionChange are provided as well.

Live Demos are available at PrimeFaces Showcase. Diagram will be available in 5.1.8 next week for Elite-PRO users and in 5.2 for community users.

Posted in PrimeFaces | 5 Comments
Dec 23

PrimeFaces Elite 5.1.7 Released

5.1.7 is a significant improvement featuring the brand new Steps Component, rewritten photocam component with HTML5, keyboard accessibility support for TabView and Accordion Panel, XLSX support for DataExporter, TreeTable scrolling implementation improvements, better custom selectOneRadio layouts and many more.

Steps Component

Suppose you have created a multi-page workflow (e.g. with Faces Flows API or similar) and need a UI to display the steps at the top of the page. Steps component is created for this purpose, it takes a collection of menuitems that can be defined declaratively or programmatically with a MenuModel.

PhotoCam Component

PhotoCam component has been reimplemented in backward compatible manner and greatly improved. Old photocam had various limitations like flash only and lack of IE support. New photocam fixes these and adds more options for customization.

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.

Posted in Uncategorized | Comments Off
Dec 22

New PhotoCam

PhotoCam component has been reimplemented in backward compatible manner and greatly improved. Old photocam had various limitations like flash only and lack of IE support. New photocam fixes these and adds more options for customization.

New PhotoCam widget is based on webcamjs plugin which is an HTML5 based implementation with automatic flash fallback for legacy browsers. Although default is html5, flash can be forced using flashFlash. New attributes such as photoWidth, photoHeight, quality and format (jpeg, png) are added for further customization.

New PhotoCam will be available in tomorrow’s 5.1.7 Elite Release and 5.2 Community Release. Live demo is also available at the moment.

Posted in PrimeFaces | Comments Off
Dec 18

Steps Component

Suppose you have created a multi-page workflow (e.g. with Faces Flows API or similar) and need a UI to display the steps at the top of the page. Steps component is created for this purpose, it takes a collection of menuitems that can be defined declaratively or programmatically with a MenuModel. By default, steps are readonly and not clickable, in case you want to allow user to switch using the steps, setting readonly to false enables clickable menuitems. Last but not least, component is responsive and also highly customizable using CSS.

Note that this component is very different from the wizard component, wizard implements a workflow itself on a single page. Steps is an indicator for a multi-page workflow.

Steps will be available at 5.1.7 next week and also 5.2. Check out live demo to see this new component in action.

Posted in PrimeFaces | Comments Off
Dec 16

PrimeFaces ELITE 5.0.15 Released

PrimeFaces 5.0.x branch is updated with the enhancements from the upcoming 5.2.

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.

Posted in PrimeFaces | Comments Off