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

    Problem with modalpanel header

    Paulo Manabe Newbie

      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 Master

          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)

          • 3. Re: Problem with modalpanel header
            Ilya Shaikovsky Master

            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!

            • 4. Re: Problem with modalpanel header
              Paulo Manabe Newbie

              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
                Paulo Manabe Newbie

                 

                "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....

                • 6. Re: Problem with modalpanel header
                  Ilya Shaikovsky Master

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

                  • 7. Re: Problem with modalpanel header
                    Paulo Manabe Newbie

                     

                    "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!