PrimeFaces Grid CSS nicht angewendet, da die css-Klassen werden nicht gefunden?
Ich versuche, das PrimeFaces Grid CSS arbeiten, aber es funktioniert nicht. Ich folgte dem Beispiel auf der PrimeFaces Seite, aber wenn ich es über den browser alle DIV-Einträge angezeigt, die in einer vertikalen Liste. Wo ist der Fehler???
Ich habe das folgende XHTML:
<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head/>
<h:body>
<div class="ui-grid">
<div class="ui-grid-row">
<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>
</div>
<div class="ui-grid">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-8">8</div>
</div>
</div>
<div class="ui-grid">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
</div>
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
</div>
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
</div>
</div>
<div class="ui-grid ui-grid-responsive">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-8">8</div>
</div>
</div>
<div class="ui-grid ui-grid-fixed">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-8">8</div>
</div>
</div>
</h:body>
</html>
InformationsquelleAutor Socrates | 2014-11-15
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn es keine PF-Komponente auf der Seite, müssen Sie es manuell hinzufügen.
InformationsquelleAutor Cagatay Civici
scheint es, wie primefaces.css nicht enthalten. so sollte mindestens eine primefaces-Komponente in der xhtml-Seite. versuchen Sie dies:
InformationsquelleAutor bhdrk
Eigentlich hatte ich das gleiche Problem.
Der wichtige Teil ist, dass das grid-Layout ist nur unterstützt von der version 5.1 auf!
InformationsquelleAutor questionaire