Hi Ilya,
thanks for your reply. I checked it, but the popup is not wrapped...here is my content, i marked the <form.. bold
<!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"><head>
<title>Demo Richfaces</title>
<script type="text/javascript" src="/demo/resources/js/demo.js">
</script><link type="text/css" rel="stylesheet" href="/demo/rfRes/skinning.ecss.jsf?db=eAErceGbBAADTgFZ" /><link type="text/css" rel="stylesheet" href="/demo/javax.faces.resource/ui-richfaces/css/screen.css.jsf" /><script type="text/javascript" src="/demo/javax.faces.resource/jsf.js.jsf?ln=javax.faces&stage=Development"></script><script type="text/javascript" src="/demo/javax.faces.resource/jquery.js.jsf"></script><script type="text/javascript" src="/demo/javax.faces.resource/richfaces.js.jsf"></script><script type="text/javascript" src="/demo/javax.faces.resource/richfaces-base-component.js.jsf"></script><script type="text/javascript" src="/demo/javax.faces.resource/datatable.js.jsf?ln=org.richfaces"></script><link type="text/css" rel="stylesheet" href="/demo/rfRes/datatable.ecss.jsf?db=eAErceGbBAADTgFZ&ln=org.richfaces" /><script type="text/javascript" src="/demo/javax.faces.resource/popupPanel.js.jsf?ln=org.richfaces"></script><script type="text/javascript" src="/demo/javax.faces.resource/popupPanelBorders.js.jsf?ln=org.richfaces"></script><script type="text/javascript" src="/demo/javax.faces.resource/popupPanelSizer.js.jsf?ln=org.richfaces"></script><link type="text/css" rel="stylesheet" href="/demo/rfRes/popupPanel.ecss.jsf?db=eAErceGbBAADTgFZ&ln=org.richfaces" /><script type="text/javascript" src="/demo/javax.faces.resource/richfaces-queue.js.jsf"></script></head>
<body>
<div id="main">
<div id="header">
<div id="header_logo"></div>
<div id="header_mail"><a href="mailto:info@demo.de">info@demo.de</a></div>
<br style="clear: both;" />
</div>
<form id="mainmenufrm" name="mainmenufrm" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="mainmenufrm" value="mainmenufrm" />
<div id="menubar" style="background-color: lightgrey;width:100%;height:30px;"><table>
<tbody>
<tr>
<td><a id="mainmenufrm:projectlink" name="mainmenufrm:projectlink" href="/demo/ui-richfaces/project/projects-overview.jsf">Project-Overview</a></td>
</tr>
</tbody>
</table>
</div><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
</form>
<div id="content_header">Projects Overview
<hr />
<br />
<form id="j_idt16" name="j_idt16" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt16" value="j_idt16" />
<a href="#" id="createproject" name="createproject" onclick="RichFaces.ajax("createproject",event,{"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">Create Project PopUpPanel Richfaces</a>
<br /><a href="/demo/ui-richfaces/project/project-create.jsf">create project </a><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
</form>
</div>
<div id="content">
<!-- TODO: Ajax Status -->
<!-- Insert Ajax Status Image -->
<div id="h" style="width:100%;border:1px solid red;">
<form id="datatablefrm" name="datatablefrm" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="datatablefrm" value="datatablefrm" />
<table id="projecttbl" class="rf-dt"><colgroup span="6"></colgroup><thead id="projecttbl:th" class="rf-dt-thead"><tr id="projecttbl:h" class="rf-dt-h"><th class="rf-dt-h-c" colspan="6" scope="colgroup">Current Projects</th></tr><tr id="projecttbl:ch" class="rf-dt-sh"><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt24">ID</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt28">DESCRIPTION</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt32">START-DATE</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt36">END-DATE</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt40"><span id="projecttbl:edittxt">EDIT</span></th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt42">DELETE</th></tr></thead><tfoot id="projecttbl:tf" class="rd-dt-tfoot"><tr id="projecttbl:cf" class="rf-dt-sf"><td class="rf-dt-sf-c" scope="col">ID</td><td class="rf-dt-sf-c" scope="col">DESCRIPTION</td><td class="rf-dt-sf-c" scope="col">START-DATE</td><td class="rf-dt-sf-c" scope="col">END-DATE</td><td class="rf-dt-sf-c" scope="col">EDIT</td><td class="rf-dt-sf-c" scope="col">DELETE</td></tr></tfoot><tbody id="projecttbl:tb" class="rf-dt"><tr class="rf-dt-f-r"><td id="projecttbl:0:j_idt24" class="rf-dt-c">12</td><td id="projecttbl:0:j_idt28" class="rf-dt-c">Demo Beta Phase</td><td id="projecttbl:0:j_idt32" class="rf-dt-c">2010.05.07</td><td id="projecttbl:0:j_idt36" class="rf-dt-c">2010.05.13</td><td id="projecttbl:0:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:0:editpro" name="projecttbl:0:editpro" onclick="RichFaces.ajax("projecttbl:0:editpro",event,{"parameters":{"projectid":12} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:0:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:0:del" name="projecttbl:0:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:0:del\",event,{\"parameters\":{\"projectid\":12} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:1:j_idt24" class="rf-dt-c">13</td><td id="projecttbl:1:j_idt28" class="rf-dt-c">Demo Preview Phase</td><td id="projecttbl:1:j_idt32" class="rf-dt-c">2010.06.06</td><td id="projecttbl:1:j_idt36" class="rf-dt-c">2010.06.14</td><td id="projecttbl:1:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:1:editpro" name="projecttbl:1:editpro" onclick="RichFaces.ajax("projecttbl:1:editpro",event,{"parameters":{"projectid":13} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:1:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:1:del" name="projecttbl:1:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:1:del\",event,{\"parameters\":{\"projectid\":13} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:2:j_idt24" class="rf-dt-c">14</td><td id="projecttbl:2:j_idt28" class="rf-dt-c">Demo Bugfixing Phase, thats the hardest part desc update</td><td id="projecttbl:2:j_idt32" class="rf-dt-c">2010.07.15</td><td id="projecttbl:2:j_idt36" class="rf-dt-c">2010.07.20</td><td id="projecttbl:2:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:2:editpro" name="projecttbl:2:editpro" onclick="RichFaces.ajax("projecttbl:2:editpro",event,{"parameters":{"projectid":14} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:2:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:2:del" name="projecttbl:2:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:2:del\",event,{\"parameters\":{\"projectid\":14} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:3:j_idt24" class="rf-dt-c">10</td><td id="projecttbl:3:j_idt28" class="rf-dt-c">Demo Entwicklung. Erstellen der Datenbank, Datenbank Mapping, Attribute für die Datenbank. Projekt Struktur, Frontend etc... update</td><td id="projecttbl:3:j_idt32" class="rf-dt-c">2010.03.20</td><td id="projecttbl:3:j_idt36" class="rf-dt-c">2010.03.22</td><td id="projecttbl:3:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:3:editpro" name="projecttbl:3:editpro" onclick="RichFaces.ajax("projecttbl:3:editpro",event,{"parameters":{"projectid":10} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:3:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:3:del" name="projecttbl:3:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:3:del\",event,{\"parameters\":{\"projectid\":10} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:4:j_idt24" class="rf-dt-c">11</td><td id="projecttbl:4:j_idt28" class="rf-dt-c">Demo Alpha Phase update number one</td><td id="projecttbl:4:j_idt32" class="rf-dt-c">2010.04.08</td><td id="projecttbl:4:j_idt36" class="rf-dt-c">2010.04.12</td><td id="projecttbl:4:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:4:editpro" name="projecttbl:4:editpro" onclick="RichFaces.ajax("projecttbl:4:editpro",event,{"parameters":{"projectid":11} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:4:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:4:del" name="projecttbl:4:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:4:del\",event,{\"parameters\":{\"projectid\":11} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:5:j_idt24" class="rf-dt-c">250</td><td id="projecttbl:5:j_idt28" class="rf-dt-c">create,update,overview,delete</td><td id="projecttbl:5:j_idt32" class="rf-dt-c">2010.09.16</td><td id="projecttbl:5:j_idt36" class="rf-dt-c">2010.10.31</td><td id="projecttbl:5:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:5:editpro" name="projecttbl:5:editpro" onclick="RichFaces.ajax("projecttbl:5:editpro",event,{"parameters":{"projectid":250} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:5:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:5:del" name="projecttbl:5:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:5:del\",event,{\"parameters\":{\"projectid\":250} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:6:j_idt24" class="rf-dt-c">280</td><td id="projecttbl:6:j_idt28" class="rf-dt-c">budget test</td><td id="projecttbl:6:j_idt32" class="rf-dt-c">2010.09.16</td><td id="projecttbl:6:j_idt36" class="rf-dt-c">2010.09.17</td><td id="projecttbl:6:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:6:editpro" name="projecttbl:6:editpro" onclick="RichFaces.ajax("projecttbl:6:editpro",event,{"parameters":{"projectid":280} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:6:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:6:del" name="projecttbl:6:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:6:del\",event,{\"parameters\":{\"projectid\":280} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:7:j_idt24" class="rf-dt-c">281</td><td id="projecttbl:7:j_idt28" class="rf-dt-c">currency test</td><td id="projecttbl:7:j_idt32" class="rf-dt-c">2010.09.16</td><td id="projecttbl:7:j_idt36" class="rf-dt-c">2010.09.17</td><td id="projecttbl:7:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:7:editpro" name="projecttbl:7:editpro" onclick="RichFaces.ajax("projecttbl:7:editpro",event,{"parameters":{"projectid":281} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:7:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:7:del" name="projecttbl:7:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:7:del\",event,{\"parameters\":{\"projectid\":281} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:8:j_idt24" class="rf-dt-c">290</td><td id="projecttbl:8:j_idt28" class="rf-dt-c">new Budget test</td><td id="projecttbl:8:j_idt32" class="rf-dt-c">2010.09.17</td><td id="projecttbl:8:j_idt36" class="rf-dt-c">2010.09.18</td><td id="projecttbl:8:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:8:editpro" name="projecttbl:8:editpro" onclick="RichFaces.ajax("projecttbl:8:editpro",event,{"parameters":{"projectid":290} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:8:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:8:del" name="projecttbl:8:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:8:del\",event,{\"parameters\":{\"projectid\":290} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:9:j_idt24" class="rf-dt-c">300</td><td id="projecttbl:9:j_idt28" class="rf-dt-c">This is a currency and budget formating test with a big number</td><td id="projecttbl:9:j_idt32" class="rf-dt-c">2010.09.17</td><td id="projecttbl:9:j_idt36" class="rf-dt-c">2010.09.18</td><td id="projecttbl:9:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:9:editpro" name="projecttbl:9:editpro" onclick="RichFaces.ajax("projecttbl:9:editpro",event,{"parameters":{"projectid":300} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:9:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:9:del" name="projecttbl:9:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:9:del\",event,{\"parameters\":{\"projectid\":300} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:10:j_idt24" class="rf-dt-c">310</td><td id="projecttbl:10:j_idt28" class="rf-dt-c">unassigned</td><td id="projecttbl:10:j_idt32" class="rf-dt-c">2010.09.03</td><td id="projecttbl:10:j_idt36" class="rf-dt-c">2010.10.21</td><td id="projecttbl:10:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:10:editpro" name="projecttbl:10:editpro" onclick="RichFaces.ajax("projecttbl:10:editpro",event,{"parameters":{"projectid":310} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:10:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:10:del" name="projecttbl:10:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:10:del\",event,{\"parameters\":{\"projectid\":310} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:11:j_idt24" class="rf-dt-c">320</td><td id="projecttbl:11:j_idt28" class="rf-dt-c">unassigned</td><td id="projecttbl:11:j_idt32" class="rf-dt-c">2010.09.11</td><td id="projecttbl:11:j_idt36" class="rf-dt-c">2010.10.19</td><td id="projecttbl:11:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:11:editpro" name="projecttbl:11:editpro" onclick="RichFaces.ajax("projecttbl:11:editpro",event,{"parameters":{"projectid":320} ,"incId":"1"} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:11:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:11:del" name="projecttbl:11:del" onclick="jsf.util.chain(this,event,"if (!confirm(\'Are you sure you want to delete this record?\')) return false;","RichFaces.ajax(\"projecttbl:11:del\",event,{\"parameters\":{\"projectid\":320} ,\"incId\":\"1\"} )");return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr></tbody><tbody id="projecttbl:sc" style="display: none"><tr><td><script type="text/javascript">
//<![CDATA[
new RichFaces.ui.DataTable("projecttbl",{"ajaxEventOptions":{} } )
//]]>
</script></td></tr></tbody></table><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
</form>
</div>
<!-- HERE IS MY POPUP -->
<div id="popup" style="visibility: hidden;"><div class="rf-pp-sh" id="popup_shade"><button class="rf-pp-b" id="popupFirstHref"></button></div><div class="rf-pp-shw" id="popup_shadow" style="position: fixed;"></div><div class="rf-pp-cr " id="popup_container" style="position: fixed;"><div class="rf-pp-h " id="popup_header"><div class="rf-pp-h-ct" id="popup_header_content">Create new Project</div></div><div class="rf-pp-ct-sr" id="popup_content_scroller"><div class="rf-pp-ct" id="popup_content">
<form id="popupfrm" name="popupfrm" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="popupfrm" value="popupfrm" />
<table id="popupfrm:errmsg">
<tbody>
<tr>
<td><div id="popupfrm:msg"></div></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td class="columnslabel"><label for="popupfrm:txttitle" class="labelfortext">
Title</label></td>
<td class="columnstextfield"><input id="popupfrm:txttitle" type="text" name="popupfrm:txttitle" autocomplete="off" value="0,00 €" class="textafterlabelblack" /></td>
</tr>
</tbody>
</table>
<input id="popupfrm:save" name="popupfrm:save" onclick="RichFaces.ajax("popupfrm:save",event,{"incId":"1"} );return false;" value="save" class="class org.richfaces.component.UICommandButton" type="submit" /><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
</form></div></div><div class="rf-pp-hr rf-pp-hr-l" id="popupResizerW"></div><div class="rf-pp-hr rf-pp-hr-r" id="popupResizerE"></div><div class="rf-pp-hr rf-pp-hr-t" id="popupResizerN"></div><div class="rf-pp-hr rf-pp-hr-b" id="popupResizerS"></div><div class="rf-pp-hr rf-pp-hr-tl" id="popupResizerNW"></div><div class="rf-pp-hr rf-pp-hr-tr" id="popupResizerNE"></div><div class="rf-pp-hr rf-pp-hr-bl" id="popupResizerSW"></div><div class="rf-pp-hr rf-pp-hr-br" id="popupResizerSE"></div></div><script type="text/javascript">
//<![CDATA[
new RichFaces.ui.PopupPanel('popup',{"resizeable":true,"height":600,"width":800} );
//]]>
</script></div>
<!-- a4j panel to update the content if we click the edit button -->
</div>
</div>
</body>
</html>