Anonymous

<?xml version='1.0' encoding='iso-8859-1'?>
<t:document 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:t="http://myfaces.apache.org/tomahawk"
	xmlns:fbr="http://faces.eti.br/jsf"
        xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">
	<t:documentHead>
		<title>Teste Drag and Drop</title>
		<style>
			.titleBar{
				background-color: yellow;
			}
		</style>
	</t:documentHead>
	<t:documentBody>
		<fbr:tablelessPanelGrid cellspacing="10" columns="3" style="background-color: silver; height: 400px;">
			<t:div style="background-color: green; width:200px; display:inline; float:left; height: 400px;">
				<fbr:dropableContainer id="coluna1">
					<h:outputText value="Solte Aqui!"/>
					<f:verbatim><br/></f:verbatim>
					<fbr:draggableContainer id="teste" titleBarClass="titleBar" style="background-color: blue; position: relative;" width="200">
						<f:facet name="titleBar">
							<h:outputText value="Algum título"/>
						</f:facet>	         
						<h:panelGrid columns="1">
							<h:inputText value=""/>
							<h:inputText value=""/>
							<h:inputText value=""/>
							<h:inputText value=""/>
							<h:inputText value=""/>
						</h:panelGrid>
					</fbr:draggableContainer>
				</fbr:dropableContainer>
			</t:div>	
			<t:div style="background-color: green; width:200px; display:inline; float:left; height: 400px;">
				<fbr:dropableContainer id="coluna2">
					<h:outputText value="Solte Aqui!"/>
				</fbr:dropableContainer>
			</t:div>	
			<t:div style="background-color: green; width:200px; display:inline; float:left; height: 400px;">
				<fbr:dropableContainer id="coluna3">
                                        <a4j:support event="onmouseup" action="updateLayout"/>
					<h:outputText value="Solte Aqui!"/>
				</fbr:dropableContainer>
			</t:div>	
		</fbr:tablelessPanelGrid>	
	</t:documentBody>
</t:document>