3 Replies Latest reply on Mar 16, 2010 4:44 AM by ilya_shaikovsky

rich:inplaceInput in ui:define change position!

tracycc Mar 15, 2010 3:01 AM

I am using the rich:inplaceInput in a seam project.

It's weird that every time I change the size of the browser,the position of rich:inplaceInput will be changed.

In other words, the position of rich:inplaceInput is not fixed.

But when I remove the Facelets template(Remove the <ui:define name="body"> and template="layout/template.xhtml" ) it will be all right.

Note that the problem is only on IE6/IE7, and works fine with firefox.

Does anyone encounter this problems,thanks

Here is the code:

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:custom="http://enhancements.rice.seam/jsf"
    template="layout/template.xhtml">
<ui:define name="body">
<rich:panel style="width:220px;">
        <f:facet name="header">
            <h:outputText value="Person Info"></h:outputText>
        </f:facet>
        <h:panelGrid columns="2">
            <h:outputText value="Name: "/>
            <rich:inplaceInput defaultLabel="click to enter your name"/>
            <h:outputText value="Email:"/>
            <rich:inplaceInput defaultLabel="click to enter your email"/>
        </h:panelGrid>
      </rich:panel>
</ui:define>
</ui:composition>

1. Re: rich:inplaceInput in ui:define change position!

nbelaevski Mar 15, 2010 5:18 AM (in response to tracycc)

Hi,

Please post template code.
Actions
2. Re: rich:inplaceInput in ui:define change position!

tracycc Mar 15, 2010 5:32 AM (in response to nbelaevski)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view contentType="text/html"
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:a="http://richfaces.org/a4j"
        xmlns:s="http://jboss.com/products/seam/taglib">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test</title>
    <link rel="shortcut icon" href="#{request.contextPath}/favicon.ico"/>
    <a:loadStyle src="resource:///stylesheet/theme.xcss"/>
    <a:loadStyle src="/stylesheet/theme.css"/>
    <a:loadStyle src="/stylesheet/app.css"/>
    <ui:insert name="head"/>
</head>

<body>

    <ui:include src="menu.xhtml">
        <ui:param name="projectName" value="Test"/>
    </ui:include>

<div class="body">
    <h:messages id="messages" globalOnly="true" styleClass="message"
        errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
        rendered="#{showGlobalMessages != 'false'}"/>
    <ui:insert name="body"/>
</div>

<div class="footer">
    Powered by <a href="http://jboss.com/products/seam">Seam</a>.
    Generated by seam-gen.
</div>

</body>
</html>
</f:view>

This template is generated by seam-gen
Actions
3. Re: rich:inplaceInput in ui:define change position!

ilya_shaikovsky Mar 16, 2010 4:44 AM (in response to tracycc)

seems looks good. check the styles applied to inplace using IE dev toolbar for example.
Actions

Go to original post