Forum:

ui layout initialization error

Greenhorn

Posts: 6

posted 6 years ago

Hi, am using netbeans 7.2, glassfish 3.1.2, JSF 2.1 and Primefaces 3.2. When I add more than three menu tabs, I get this error ui layout initialization error the center-pane element does not exist the center-pane is a required element. This is my template.xhtml code:

<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><ui:insert name="title">Default Title</ui:insert></title>
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" rel="stylesheet" type="text/css"/>
    </h:head>

<h:body>
        <p:layout fullPage="true">

<p:layoutUnit position="north" size="100" collapsible="true">
                <header>
                    <div class="logo1">
                        <img src="#{facesContext.externalContext.requestContextPath}/resources/images/logo1.png" alt="Gestion d'accès et de habilitations" />
                    </div>
                    <ul>
                        <li><h:link outcome="/profile" value="Profile"/></li>
                        <li><a href="#">Se déconnecté</a></li>
                    </ul>
                    <div class="logo2">
                        <img src="#{facesContext.externalContext.requestContextPath}/resources/images/logo2.png" alt="Altijari Bank" />
                    </div>
                </header>
            </p:layoutUnit>

<p:layoutUnit position="west" size="200" header="Menus" collapsible="true">
                <h:form id="frmMenu1">
                    <p:accordionPanel multiple="true" id="acc" activeIndex="0">
                        <p:tab title="Gestion des agences">
                            <p:menu style="width:100%"  id="m1">
                                <p:menuitem value="Consulter" url="http://localhost:8080/GAH/faces/Views/agence/List.xhtml"/>
                                <p:menuitem value="Ajouter" url="http://localhost:8080/GAH/faces/Views/agence/Create.xhtml" />                                                          
                            </p:menu>
                        </p:tab>
                        <p:tab title="Gestion des utilisateurs">
                            <p:menu style="width:100%"  id="m2">
                                <p:menuitem value="Consulter" url="http://localhost:8080/GAH/faces/Views/utilisateur/List.xhtml"/>
                                <p:menuitem value="Ajouter" url="http://localhost:8080/GAH/faces/Views/utilisateur/Create.xhtml" />                                
                            </p:menu>
                        </p:tab>
                        <p:tab title="Gestion des fonctions">
                            <p:menu style="width:100%"  id="m3">
                                <p:menuitem value="Consulter" url="http://localhost:8080/GAH/faces/Views/fonction/List.xhtml"/>
                                <p:menuitem value="Ajouter" url="http://localhost:8080/GAH/faces/Views/fonction/Create.xhtml" />                             
                            </p:menu>
                        </p:tab>                      
                        <p:tab title="Gestion des groupes">
                            <p:menu style="width:100%"  id="m4">
                                <p:menuitem value="Consulter" url="http://localhost:8080/GAH/faces/Views/groupe/List.xhtml"/>
                                <p:menuitem value="Ajouter" url="http://localhost:8080/GAH/faces/Views/groupe/Create.xhtml" />                             
                            </p:menu>
                        </p:tab>                      
                        <p:tab title="Gestion des traces">
                            <p:menu style="width:100%"  id="m5">
                                <p:menuitem value="Consulter" url="http://localhost:8080/GAH/faces/Views/trace/List.xhtml"/>
                                <p:menuitem value="Ajouter" url="http://localhost:8080/GAH/faces/Views/trace/Create.xhtml" />                             
                            </p:menu>
                        </p:tab>      
                    </p:accordionPanel>
                </h:form>

</p:layoutUnit>

<p:layoutUnit id="centerLayout" position="center">
                <p>
                    <ui:insert name="body">Default Body</ui:insert>
                </p>
            </p:layoutUnit>

</p:layout>
    </h:body>

</html>

How can I fix it?

Jarrod Rackley

Ranch Hand

Posts: 30

I like...

posted 6 years ago

Perhaps it's an issue with Primefaces 3.2

I am unable to get the error using your code on the PF version I have on hand. I will download 3.2 and see if I can replicate that way. But is there a reason you might not be able to use a newer version of PF?

For my next trick, I'll need the help of a tiny ad ...

Thread Boost feature

https://coderanch.com/t/674455/Thread-Boost-feature