1 2 Previous Next 22 Replies Latest reply on May 15, 2010 3:04 AM by Ilya Shaikovsky

    Using gmap inside modalpanel NOT working porperly

    Mika Impola Newbie

      Hi,

      I'm using rich:gmap component inside rich:modalpanel component. Problem is that the google map doesn't load it's map correctly. Map type buttons, zoom sliders, navigation buttons and ad banners at the bottom renders them self correctly. The problem is that the actual map is only partly visible in the top left corner of the google maps area.

      Hopefully someone has used gmap inside modalpanel and could kindly give me a hint how one gets it working.

      Thank you!

      <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
      <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
      <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>
      <%@ taglib uri="http://richfaces.org/rich" prefix="rich" %>
      
      <html>
       <head>
       <title>just testing</title>
       </head>
       <body>
       <p>
       <a href="javascript:Richfaces.showModalPanel('paneeli')">POPUP</a>
       </p>
       <f:view>
       <rich:modalPanel
       id="paneeli"
       height="500"
       width="500"
       minHeight="500"
       minWidth="500">
       <f:facet name="header">
       <h:outputText value="Last known location"> </h:outputText>
       </f:facet>
       <f:facet name="controls">
       <f:verbatim>
       <a href="javascript:Richfaces.hideModalPanel('paneeli')">X</a>
       </f:verbatim>
       </f:facet>
       <rich:gmap
       id="gmappi"
       gmapVar="mappi"
       gmapKey="map.key"
       style="width:480px;height:460px;"
       lat="48.44"
       lng="2.24"
       zoom="5"
       />
       </rich:modalPanel>
      
       </f:view>
       </body>
       </html>
      


        1 2 Previous Next