Replacement for deprecated Layout component

[javaone9]

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]

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

[javaone9]

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]

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.

[javaone9]

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

[Melloware]

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.

[javaone9]

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

[Melloware]

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.

[javaone9]

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]

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.