This project contains legacy mobile optimized components of PrimeFaces which were only supported till Version 6.2. Client side is based on jQuery mobile (demo).
It contained some interesting mobile only UI components and renderer of existing versions and is a great framework to create hybrid applications with AJAX history back functionality like B2B mobile applications used on MDA devices.
| Mobile Version | PrimeFaces Core |
|---|---|
| 12.0 | 12.0 |
| 11.0 | 11.0 |
| 10.0 | 10.0 |
| 8.0 | 8.0 |
| 7.0 | 7.0 |
Repository can be found at Showcase Repo
Mobile is covered in the original PrimeFaces PDF Documentation till Version 6.2.
- content
- field
- footer
- header
- inputslider
- page
- rangeslider
- uiswitch deprecated in favor of InputSwitch
There are many mobile optimized renders of existing PrimeFaces component such as SelectOneMenu , DataTable and many more.
- adapted Java classes to PrimeFaces 12.0 changes
- adapted Java classes to PrimeFaces 11.0 changes
- removing build in Font-Awesome resource rendering in HeadRenderer
- adapted Java classes to PrimeFaces 10.0 changes
- hardcoded OverlayPanel javascript position as 'overlay' since showEffect was removed
- adapted Java classes to PrimeFaces 8.0 changes
- set java compilation level to 1.8
- set java compilation level to 1.5
- adapted Java classes to PrimeFaces 7.0 changes
- migrated Renderer classes to new DOM / CSS of jquery 1.5
- replaced jquery mobile with version 1.5.0-rc1
- migrated widgets to new DOM / CSS
- added font-awesome icon support via CSS
Components
- Button: added new icon position options: float-left and float-right that replace old options left, right
DOM / CSS changes
- icon as child span
- CSS classes
- ui-li-divider → ui-listview-item-divider
- ui-li-static → ui-listview-item-static
- ui-tab → ui-tabs-tab
- ui-btn → ui-button
- ui-btn-icon-notext → ui-button-icon-only
- ui-btn-left → ui-toolbar-header-button-left
- ui-btn-right → ui-toolbar-header-button-right
- ui-input → ui-textinput / ui-searchinput (at text / search / password input)
PrimeFaces 7.0 or higher uses jQuery 3+ whereas mobile version till 6.2 were only compatible up to 1.9 so an upgrade to jquery 3 was necessary.
jQuery mobile 1.5 is based on jquery 3. Download mobile.
Following plugin is required to build it from source using Maven.
This project is an inoffical partial "fork" from legacy PrimeFaces 6.1 extracting mobile components which were removed in PrimeFaces 7.0.
At deloma, we use this for our ecommerce enterprise application for the driver of a daily delivery tour with google maps navigation, order editing, user receipt, mobile payment (cashcard, creditcard, paypal, apple pay, android pay, cash) and also for stock inventory managing of our merchant clients.
This hybrid app works very stable in production and its not worth the time to refactor with new responsive versions of the new components with later PrimeFaces releases and finding solutions for browser ajax history back support.
Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0