7 Replies Latest reply on Nov 29, 2007 1:36 PM by pmanabe

Problem with modalpanel header

pmanabe Nov 29, 2007 11:49 AM

Hi all,

I'm trying to use modalpanel in my webpage, but the header of my component shown by half! Any suggestion to solve this?

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t" %>
<%@ taglib uri="http://richfaces.ajax4jsf.org/rich" prefix="richfaces" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>

<richfaces:modalPanel id="profitCenter" minHeight="200" minWidth="450" height="200" width="500" zindex="2000" >
 <f:facet name="header">
 <t:outputText value="Search Profit Center" />
 </f:facet>
 <f:facet name="controls">
 <h:graphicImage value="/images/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('profitCenter')" />
 </f:facet>
</richfaces:modalPanel>

Thanks in advance

1. Re: Problem with modalpanel header

ilya_shaikovsky Nov 29, 2007 12:18 PM (in response to pmanabe)

could you show screenshot of the problem. And make sure you use latest available 3.1.x stable build. (3.1.2 GA or 3.1.3 SNAPSHOT)
Actions
2. Re: Problem with modalpanel header

pmanabe Nov 29, 2007 12:24 PM (in response to pmanabe)

I'm using 3.1.2 GA libs

[img]http://img140.imageshack.us/img140/1206/popupoq5.gif[/img]

Thanks!
Actions
3. Re: Problem with modalpanel header

ilya_shaikovsky Nov 29, 2007 12:39 PM (in response to pmanabe)

ok.. could you please at least show the page where the MP component included... And probably check with fireBug what class overrides header height..

Thanks!
Actions

4. Re: Problem with modalpanel header

pmanabe Nov 29, 2007 1:06 PM (in response to pmanabe)

The modalpanel page is the searchProfitCenter.jsp include

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>

<f:view>
<html>

 <%@include file="include/head.jsp"%>

 <body>

 <%@include file="include/header_v2.jsp"%>

 <h:form id="frmBidOfferAdjusment">

 <t:div id="divBreadcrumb" styleClass="breadcrumb_div">
 <t:div styleClass="breadcrumb">
 <h:outputText value="You are here:" styleClass="breadcrumb" />Â Â 

 <h:outputLink value="welcome.jsf" styleClass="breadcrumb">
 <h:outputText value="Home"/>
 </h:outputLink>Â >Â 

 <h:outputText value="Adjustment" styleClass="breadcrumb" />Â >Â 

 <h:outputText value="Bid Offer Adjustment" styleClass="breadcrumb" />Â Â 
 </t:div>
 </t:div>

 <t:panelGrid columns="1" cellpadding="0" cellspacing="0" width="100%">
 <t:panelGroup styleClass="padding_6_px">
 <t:div id="divNameHeader" styleClass="content_fltxt_12">
 <t:div styleClass="topmargin_content"><f:verbatim>Â </f:verbatim></t:div>
 <t:div styleClass="content_headline_1"><t:outputText value="Bid Offer Adjustment" /></t:div>
 </t:div>
 </t:panelGroup>
 </t:panelGrid>

 <t:div styleClass="divAlignCenter" id="divFields" >
 <t:panelGrid columns="4" columnClasses="tdAlignRight" cellspacing="5" cellpadding="0">
 <t:outputLabel value="Profit Center : " for="pftInput" styleClass="grey_11"/>
 <t:panelGroup>
 <t:inputText id="pftInput" styleClass="grey_11" style="width:150px;" value="#{bidOfferAdjustment.bidOfferBean.profitCenterTyped}"/>
 <rich:suggestionbox id="suggestionBoxId" for="pftInput" rules="none" suggestionAction="#{bidOfferAdjustment.autoComplete}"
 var="pft" fetchValue="#{pft.code}" minChars="1" width="200" height="150" cellpadding="2" shadowOpacity="4">
 <h:column>
 <h:outputText value="#{pft.code}" />
 </h:column>
 </rich:suggestionbox>
 </t:panelGroup>
 <t:commandButton value="Add" action="#{bidOfferAdjustment.updateProfitCenterSelected}" styleClass="grey_12"/>
 <t:commandButton value="Find" type="button" styleClass="grey_12" onclick="javascript:Richfaces.showModalPanel('profitCenter',{width:684, top:200});"/>

 <t:outputLabel value="Profit Center Selected : " for="pftSelectedInput" styleClass="grey_11"/>
 <t:panelGroup colspan="3">
 <t:inputText id="pftSelectedInput" disabled="true" maxlength="20" value="#{bidOfferAdjustment.bidOfferBean.profitCenterSelected}" styleClass="grey_11" style="width:217px"/>
 </t:panelGroup>

 <t:panelGroup colspan="4">
 <t:panelGrid columns="2" cellspacing="5" cellpadding="0">
 <t:commandButton value="Confirm" styleClass="grey_12"/>
 <t:commandButton value="Clear" styleClass="grey_12"/>
 </t:panelGrid>
 </t:panelGroup>
 </t:panelGrid>
 </t:div>

 <%@include file="include/searchProfitCenter.jsp" %>

 <t:div styleClass="divAlignCenter" style="margin-top: 20px;">
 <t:messages id="errorMessage" layout="table" styleClass="ValidateError" globalOnly="true"/>
 </t:div>

 </h:form>

 <f:verbatim>
 <tr>
 <td valign="bottom">
 </f:verbatim>

 <%@include file="include/footer.jsp"%>
 </body>
</html>
</f:view>

5. Re: Problem with modalpanel header

pmanabe Nov 29, 2007 1:25 PM (in response to pmanabe)

"ilya_shaikovsky" wrote:
ok.. could you please at least show the page where the MP component included... And probably check with fireBug what class overrides header height..

Thanks!

I check with firebug but I couldn't find any problem! the table classes are very specific for MP component....
Actions
6. Re: Problem with modalpanel header

ilya_shaikovsky Nov 29, 2007 1:27 PM (in response to pmanabe)

looks fine.. please create a bug and attach minimized fully working war (with libs).
Actions
7. Re: Problem with modalpanel header

pmanabe Nov 29, 2007 1:36 PM (in response to pmanabe)

"ilya_shaikovsky" wrote:
looks fine.. please create a bug and attach minimized fully working war (with libs).

I removed all css scripts and it works! Â¬Â¬
I'm going to validate all styles. Thanks in advance for your help!
Actions

Go to original post