<!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">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;">
created by <a href="http://community.jboss.org/people/sinsand">sandeep singh</a> in <i>JBoss Portal Development</i> - <a href="http://community.jboss.org/message/548883#548883">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>can anybody tell me how to slide a panel feom right to left from rich:effect, i have left to right working fine</p><p><?xml version="1.0" encoding="UTF-8"?><br/><span><jsp:root version="1.2" xmlns:a4j="</span><a class="jive-link-external-small" href="http://richfaces.org/a4j" target="_blank">http://richfaces.org/a4j</a><span>" xmlns:f="</span><a class="jive-link-external-small" href="http://java.sun.com/jsf/core" target="_blank">http://java.sun.com/jsf/core</a><span>" xmlns:h="</span><a class="jive-link-external-small" href="http://java.sun.com/jsf/html" target="_blank">http://java.sun.com/jsf/html</a><span>"</span><br/><span>          xmlns:jsp="</span><a class="jive-link-external-small" href="http://java.sun.com/JSP/Page" target="_blank">http://java.sun.com/JSP/Page</a><span>" xmlns:rich="</span><a class="jive-link-external-small" href="http://richfaces.org/rich" target="_blank">http://richfaces.org/rich</a><span>" xmlns:ui="</span><a class="jive-link-external-small" href="http://www.sun.com/web/ui" target="_blank">http://www.sun.com/web/ui</a><span>"></span><br/>    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/><br/>    <f:view><br/>        <ui:page id="page1"><br/>           <script type="text/javascript"></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p><br/>            Effect.BlindRight = function(element) {<br/>                element = $(element);<br/>                var elementDimensions = element.getDimensions();<br/>                return new Effect.Scale(element, 100, Object.extend({<br/>                    scaleContent: false,<br/>                    scaleY: false,<br/>                    scaleFrom: 0,<br/>                    scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},<br/>                    restoreAfterFinish: true,<br/>                    afterSetup: function(effect) {<br/>                        effect.element.makeClipping().setStyle({<br/>                            width: '0px',<br/>                            height: effect.dims[0] + 'px'<br/>                        }).show();<br/>                    },<br/>                    afterFinishInternal: function(effect) {<br/>                        effect.element.undoClipping();<br/>                    }<br/>                }, arguments[1] || { }));<br/>            };</p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>            Effect.BlindLeft = function(element) {<br/>                element = $(element);<br/>                element.makeClipping();<br/>                return new Effect.Scale(element, 0,<br/>                Object.extend({ scaleContent: false,<br/>                    scaleY: false,<br/>                    scaleMode: 'box',<br/>                    scaleContent: false,<br/>                    restoreAfterFinish: true,<br/>                    afterSetup: function(effect) {<br/>                        effect.element.makeClipping().setStyle({<br/>                            height: effect.dims[0] + 'px'<br/>                        }).show();<br/>                    },<br/>                    afterFinishInternal: function(effect) {<br/>                        effect.element.hide().undoClipping();<br/>                    }<br/>                }, arguments[1] || { })<br/>            );<br/>            };</p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>        </script><br/>            <ui:html id="html1"></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>               <ui:body id="body1" style="-rave-layout: grid"></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>        <h:form id="form1"></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>     <h:graphicImage onclick="hi()" onmouseover="sh()" id="filter" value="/resources/images/find.gif"/></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>           <rich:panel id="layoutPanel1" header="Login Panel" style=" display:none;height: 50px; left: 500px; top: 192px; position: absolute; width: 454px"></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>                    <h:inputText style="display:none; width:100px " id="textField1"/></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>                    <rich:effect for="layoutPanel1" name="sh" type="BlindRight" params="duration:0.5"/><br/>                    <rich:effect for="layoutPanel1" name="hi" type="BlindLeft" params="duration:0.5"/></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p></rich:panel></p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p style="min-height: 8pt; height: 8pt; padding: 0px;"> </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 style="min-height: 8pt; height: 8pt; padding: 0px;"> </p><p>             </ui:body><br/>            </ui:html><br/>        </ui:page><br/>    </f:view><br/></jsp:root></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/548883#548883">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>