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
Dec 08

PrimeFaces Elite 5.1.6 Released

PrimeFaces 5.1.6 Elite releases focuses on maintenance and brings over 20 improvements.

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
Dec 01

PrimeFaces Elite 5.0.14 Released

PrimeFaces 5.0.x line is updated with a new Elite version that brings the recent enhancements from 5.1.x. Most notable improvement is the hidden container support features mentioned here.

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
Nov 25

PrimeFaces Elite 5.1.5 Releaed

PrimeFaces 5.1.5 is the new update for 5.1.x series bringing 18 filed improvements. There are couple of highly requested features along with the planned maintenance.

Dynamic Columns for TreeTable

Just like DataTable, TreeTable now supports dynamic columns via p:columns.

Static p:column and Dynamic p:columns can be used together and sorting is also supported using a dynamic column. Live demo is available at PrimeFaces Showcase.

Ajax Events for OrderList

Due to popular community demand, we’ve added 3 events to OrderList component to bring the flexibility of callbacks. These are;

  • select
  • unselect
  • reorder
Check out the live demo to see this in action.

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
Nov 21

Dynamic Columns For TreeTable

Nowadays we are implementing the most requested features by the PrimeFaces Community, one hot request was dynamic columns support for TreeTable via p:columns just like DataTable has.

Static p:column and Dynamic p:columns can be used together and sorting is also supported using a dynamic column. Live demo is available at PrimeFaces Showcase.

This enhancement is coming up next week to Elite and PRO users via 5.1.5 and to community users in 5.2.

Posted in PrimeFaces | Comments Off