<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body link="#355491" alink="#4262a1" vlink="#355491" style="background: #e2e2e2; margin: 0; padding: 20px;">
<div>
<table cellpadding="0" bgcolor="#FFFFFF" border="0" cellspacing="0" style="border: 1px solid #dadada; margin-bottom: 30px; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: solid 2px #ccc; background: #dadada; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;">
<tbody>
<tr>
<td bgcolor="#000000" valign="middle" height="58px" style="border-bottom: 1px solid #ccc; padding: 20px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;">
<h1 style="color: #333333; font: bold 22px Arial, Helvetica, sans-serif; margin: 0; display: block !important;">
<!-- To have a header image/logo replace the name below with your img tag -->
<!-- Email clients will render the images when the message is read so any image -->
<!-- must be made available on a public server, so that all recipients can load the image. -->
<a href="http://community.jboss.org/index.jspa" style="text-decoration: none; color: #E1E1E1">JBoss Community</a></h1>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="font: normal 12px Arial, Helvetica, sans-serif; color:#333333; padding: 20px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;"><h3 style="margin: 10px 0 5px; font-size: 17px; font-weight: normal;">
richeffect right to left
</h3>
<span style="margin-bottom: 10px;">
reply from <a href="http://community.jboss.org/people/sinsand">sandeep singh</a> in <i>JBoss Portal Development</i> - <a href="http://community.jboss.org/message/549815#549815">View the full discussion</a>
</span>
<hr style="margin: 20px 0; border: none; background-color: #dadada; height: 1px;">
<div class="jive-rendered-content"><p>hey ,</p><p>got the i answer i was looking for and here is the code to slide a input or a panel form right to left</p><p><h:form id="form1"></p><p>          <rich:panel header="Dashboard" id="layoutPanel1" styleClass="parentPanel"></p><p>              <rich:panel id="layoutPanel2"  style="height: 40px; left: 960px; top: 192px; position: absolute; width: 40px"><br/>              <rich:effect for="layoutPanel2" name="morphpanel1" type="Morph" params="duration:0.4"/></p><p>             <rich:effect for="inputText1" name="morphtextbox1" type="Morph" params="duration:0.4"/></p><p>               <h:graphicImage  onmouseover="morphpanel1({ style: 'left:800px ; width: 200px;'}),showtextbox(),morphtextbox1({ style: 'width: 150px;'})" style="height: 30px; left: 3px; top: 0px; position: relative; width: 30px" id="filter1" value="/resources/images/find.gif"/><br/>                <h:inputText onmouseout="morphtextbox1({ style: 'width: 0px;'}),hidetextbox(),morphpanel1({ style: 'left:960px ; width: 40px;'})" style=" display:none ; right: 0px; top: 4px; position: absolute; width: 0px" id="inputText1" /></p><p>                <rich:effect for="inputText1" name="showtextbox" type="Appear" params="duration:0.1"/><br/>                <rich:effect for="inputText1" name="hidetextbox" type="Fade" params="duration:0.1"/></p><p>                </rich:panel></p><p> </rich:panel></p><p>                   </h:form></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>thanks jBoss for richfaces its quite cool and easy</p></div>
<div style="background-color: #f4f4f4; padding: 10px; margin-top: 20px;">
<p style="margin: 0;">Reply to this message by <a href="http://community.jboss.org/message/549815#549815">going to Community</a></p>
<p style="margin: 0;">Start a new discussion in JBoss Portal Development at <a href="http://community.jboss.org/choose-container!input.jspa?contentType=1&containerType=14&container=2014">Community</a></p>
</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>