Ich habe mit der Arbeit von JSF + Primefaces begonnen. Die neueste Version für meine Website ist irgendwie möglich. Ich kann mein Design mit dieser Technologie reagieren lassen. Ich möchte nicht Primefaces mobile verwenden oder ich möchte nicht zwei verschiedene Seiten für dieselbe Funktionalität erstellen
PrimeFaces 6.x verfügt über Responsive Design-Updates, einschließlich Responsives Gitter .
Das Gitter ist keine JSF-Komponente, es ist ein einfaches div mit ui-grid -Klassen.
Beispiel eines 3-Spalten-Layouts:
%Vor%Im realen Fall werden Szenarien mit nur einem Raster die Anforderungen nicht erfüllen, daher sollten Sie normalerweise einige Frameworks wie bootstrap oder Stiftung .
Beide Frameworks bieten CSS / Javascript-Regeln, sie können einfach auf die JSF-Komponenten angewendet werden, zum Beispiel wenn Sie eine Schaltfläche haben:
%Vor%btn ist eine Bootstrap-CSS-Klasse.
Sie könnten auf einige Komponenten stoßen, die solche Stile nicht akzeptieren, wie die Tabelle von Primefaces. In diesen Fällen sollten Sie Ihre eigenen CSS-Medienabfragen / Javascript, um die Reaktionsfähigkeit zu erhalten.
Weitere Informationen
Tags und Links responsive-design jsf primefaces