Geek Answers Handbook

Jsf + Optimal Design

I started working with the latest version of JSF + Primefaces for my website, since it is possible, I can make my project flexible using these technologies. I don’t want to use Primary Mobile or I don’t want to create two different pages for the same functionality

+8
responsive-design jsf primefaces
source share
1 answer

PrimeFaces 6.x has flexible design updates, including Repressive Mesh .

The grid is not a JSF component, it is a simple div with ui-grid classes.

An example of placing three columns:

 <div class="ui-grid"> <div class="ui-grid-col-4">Col1</div> <div class="ui-grid-col-4">Col2</div> <div class="ui-grid-col-4">Col2</div> </div>

In real cases, scripts that have only a grid will not fill in the requirements, so you should usually use some frameworks such as bootstrap or foundation .

Both frameworks provide CSS / Javascript rules that can be easily applied to JSF components, for example, if you have a button:

 <h:commandButton styleClass="btn" value="Button"> </h:commandButton>

btn is a CSS class for bootstrapping.

You may encounter some components that will not accept styles such as the Primefaces table, in these cases you must write your own multimedia CSS / Javascript queries in order to maintain responsiveness.

More details

+12
source share

More articles:


All Articles