Replacement for deprecated Layout component

UI Components for JSF
javaone9
Posts: 317
Joined: 06 Nov 2012, 20:50

14 Sep 2019, 01:25

Hello,

The Layout component is deprecated. What is the replacement?

For a border layout

Code: Select all

 North
-------------------------------
West | Center | East
------------------------------
South
For responsive design on mobile devices, west and east units should become drawers, which pop out when clicking menu icons on the top like the PF demo page. How to achieve this?

Thanks
Dave

Melloware
Posts: 1479
Joined: 22 Apr 2013, 15:48

14 Sep 2019, 13:58

There are 2 real solutions.

1. (Preferred) Switch use pure HTML/CSS for responsive layout using Bootstrap or PrimeFlex etc.

2. PrimeFaces Extensions still has an almost identical layout component that is still supported. See here: https://www.primefaces.org/showcase-ext ... layout.jsf
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 7.0.8 / PF Extensions 7.0.3

javaone9
Posts: 317
Joined: 06 Nov 2012, 20:50

15 Sep 2019, 16:09

Thanks for suggestions.
But In my opinion, the Layout component should continue to evolve to match native mobile apps like android. Android has drawer layout. The current layout component implementation is too heavy (203K). Using html5, it should be <30K.

Melloware
Posts: 1479
Joined: 22 Apr 2013, 15:48

15 Sep 2019, 16:32

Yep but PF has deprecated it in favor of their responsive layouts especially their professional themes which are HTML5/CSS and responsive. That is the direction they are going. So if you want a Android like drawer layout checkout Babylon any one of the newer premium themes.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 7.0.8 / PF Extensions 7.0.3

javaone9
Posts: 317
Joined: 06 Nov 2012, 20:50

16 Sep 2019, 08:04

Does a theme have both css and javascript? For drawer layout, I believe it requires javascript.

Melloware
Posts: 1479
Joined: 22 Apr 2013, 15:48

16 Sep 2019, 13:23

Yes they have live demo's of all their themes. I use Babylon and it comes with CSS, JS, and XHTML files. You get everything. Just click on "Live Demo" of anyone of their premium themes and try it out and see which one you like the best. They are are a little different and offer different UI features.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 7.0.8 / PF Extensions 7.0.3

javaone9
Posts: 317
Joined: 06 Nov 2012, 20:50

22 Sep 2019, 22:05

Primefaces for JSF is not functionally complete (or Ultimate) without layout components. The themes should be optional as adds-on.

Melloware
Posts: 1479
Joined: 22 Apr 2013, 15:48

23 Sep 2019, 13:30

Yep that is why they offer PrimeFlex for free: https://www.primefaces.org/showcase/ui/ ... Grid.xhtml

You can build an entire responsive website with just HTML and CSS.

In fact PrimeFlex is what most of their premium layouts are built with.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 7.0.8 / PF Extensions 7.0.3

javaone9
Posts: 317
Joined: 06 Nov 2012, 20:50

28 Sep 2019, 00:50

But the FlexGrid (PrimeFlex) does not have such features as drawer for mobile devices. Its responsiveness is to position left navigation menu on the top. It seems that one of the themes is required to use Primefaces JSF.

tandraschko
PrimeFaces Core Developer
Posts: 3690
Joined: 03 Dec 2010, 14:11
Location: Bavaria, DE
Contact:

28 Sep 2019, 01:12

Nope, PrimeFaces is perfectly fine usable. I almost developed 50 applications with PrimeFaces and never used the layout component or a premium theme.
If you need such drawer, just use plain html/js/css to make your own template. Everything is Html, you don't need our ~7 years old wrapper for a very old JS plugin.

We just cant maintain all those old components. Such layouts are not state of the art since many many years and the plugin is just to fat.
Thomas Andraschko

PrimeFaces | PrimeFaces Extensions

Apache Member | OpenWebBeans, DeltaSpike, MyFaces, BVal, TomEE

Sponsor me: https://github.com/sponsors/tandraschko
Blog: http://tandraschko.blogspot.de/
Twitter: https://twitter.com/TAndraschko

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests