Board index JavaServer Faces General Issue With <p:dock>

Issue With <p:dock>

Components, Ajax Framework, Utilities and More.

Post 17 Jul 2011, 17:18

Posts: 6
Environment
PrimeFace:3.0.M2-SNAPSHOT
I am using <p:dock> when i place code in between dock tags nothing is getting displayed(a white page is getting displayed) or even not throwing errors.

Please see my attached code.
photoindex.xhtml
<!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:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"   
    xmlns:p="http://primefaces.prime.com.tr/ui"
   xmlns:c="http://java.sun.com/jstl/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Panchamukhi Solutions Photo Album</title>
<meta name="keywords" content="Tomato HTML CSS Template, free download, red, light gray, mini site" />
<meta name="description" content="Tomato Template is a free HTML CSS layout provided by templatemo.com" />
</h:head>
   <body>
      <div>
      <p:dock position="top"> 
          <p:menuitem value="Home" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="photos" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="Video" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="Manage" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="Publish" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem  value="FirendsAlbum" icon="photoalbum/images/pmshome.jpg" url="#"/> 
      </p:dock> 
     
      </div>
      <h:form>
      
      <div>
        <ui:component id="newAlbum">
         <ui:include src="photomanage.xhtml" />
        </ui:component>   
      </div>
      
      </h:form>
      <div>
               
      <p:dock> 
          <p:menuitem value="Home" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="photos" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="Video" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="Manage" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="Publish" icon="photoalbum/images/pmshome.jpg" url="#"/> 
          <p:menuitem value="FirendsAlbum" icon="photoalbum/images/pmshome.jpg" url="#"/> 
      </p:dock>
      </div>
   
   </body>
</html>

photomanage.xhtml

<!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:h="http://java.sun.com/jsf/html" 
    xmlns:p="http://primefaces.prime.com.tr/ui"
    xmlns:f="http://java.sun.com/jsf/core"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:c="http://java.sun.com/jstl/core">
      
<ui:define name="photomanage" >

<h:panelGroup>

<h:panelGrid columns="2">
<!--  Main Display -->
   <h:panelGroup >
      <h:panelGrid>
         <h:form> 
           
                <p:menuButton value="Options"> 
                    <p:menuitem value="Create Album" update="messages" 
                        actionListener="#{photoAlbumHome.createAlbum}" icon="ui-icon ui-icon-disk"/>   
                </p:menuButton>
                <div id="createAlbum">
                       <p:fieldset legend="Toggleable Fieldset" toggleable="true" toggleSpeed="500" 
                                  toggleListener="#{photoAlbumHome.handleToggle}"> 
                          <h:panelGrid columns="2" cellpadding="10"> 
                              <p:graphicImage value="/images/godfather/godfather2.jpg" /> 
                              <p:panel id="pnl" header="About Barca" toggleable="false" closable="false"> 
                                
                                   <h:outputText value="Create Album" /> 
                                 <h:panelGrid>
                                    <p:inputText label="Album Name" required="true" requiredMessage="Please Enter Album Name" value="#{photoAlbumName.albumName}"/>
                                     <p:selectOneListbox value="#{buttonBean.text}"> 
                                          <f:selectItem itemLabel="Private" itemValue="Private" /> 
                                          <f:selectItem itemLabel="Personal" itemValue="Personal" /> 
                                          <f:selectItem itemLabel="Family" itemValue="Family" />
                                          <f:selectItem itemLabel="Friends" itemValue="Friends" /> 
                                      </p:selectOneListbox> 
                                    <p:selectOneRadio label="Share the Album" value="#{photoAlbumName.share}"/>
                                 </h:panelGrid>   
                            
                           </p:panel>   
                          </h:panelGrid> 
                      </p:fieldset> 
               
                </div> 
         </h:form> 
      </h:panelGrid>
   </h:panelGroup>


<!-- Secondary Column -->
<h:panelGroup ></h:panelGroup>


</h:panelGrid>

</h:panelGroup>
      
</ui:define>
</html>

Return to General