Issue With <p:dock>

UI Components for JSF
Post Reply
kpavan16
Posts: 6
Joined: 14 May 2011, 08:06

17 Jul 2011, 17:18

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

Code: Select all

<!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

Code: Select all


<!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>

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 20 guests