Hi I&#39;ve tested FrameCloudPopup in an html page and work properly.<div>I&#39;m working with <span class="Apple-style-span" style="font-weight: bold;">RichFaces Facelets and JSF</span> technologies to build my web application so </div>
<div> I try to put it in a JSF page I found that the size of the popup is smaller and not the suitable to show all<div>of its contents div..</div><div><br></div><div>Here is a portion of my code<br></div><div><br></div><div>
<div><span class="Apple-style-span" style="font-style: italic;">\\mapEvents.js</span></div><div><span class="Apple-style-span" style="font-style: italic;"> function showPopup(feature) {</span></div><div><span class="Apple-style-span" style="font-style: italic;">     </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                </span></span><span class="Apple-style-span" style="font-style: italic;">if(feature==undefined) return;</span></div>
<div><span class="Apple-style-span" style="font-style: italic;">     </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                </span></span></div><div><span class="Apple-style-span" style="font-style: italic;">     </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                </span></span></div>
<div><span class="Apple-style-span" style="font-style: italic;">     </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                </span></span><span class="Apple-style-span" style="font-style: italic;">selectedFeature = feature;</span></div>
<div><span class="Apple-style-span" style="font-style: italic;">     </span></div><div><span class="Apple-style-span" style="font-style: italic;">            popup = new OpenLayers.Popup.FramedCloud(&quot;chicken&quot;, </span></div>
<div><span class="Apple-style-span" style="font-style: italic;">                                     feature.geometry.getBounds().getCenterLonLat(),</span></div><div><span class="Apple-style-span" style="font-style: italic;">                                     null,</span></div>
<div><span class="Apple-style-span" style="font-style: italic;">                                     &quot;&lt;div&gt;&quot; + getFeatureInfo(feature)+&quot;&lt;/div&gt;&quot;,</span></div><div><span class="Apple-style-span" style="font-style: italic;">                                     null, true, onFeatureUnselect);</span></div>
<div><span class="Apple-style-span" style="font-style: italic;">            </span></div><div><span class="Apple-style-span" style="font-style: italic;">            feature.popup = popup;</span></div><div><span class="Apple-style-span" style="font-style: italic;">            map.addPopup(popup);</span></div>
<div><span class="Apple-style-span" style="font-style: italic;">        }</span></div><div><span class="Apple-style-span" style="font-style: italic;"><br></span></div><div><div><span class="Apple-style-span" style="font-style: italic;"><br>
</span></div><div><span class="Apple-style-span" style="font-style: italic;"><br></span></div><div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;"> function getFeatureInfo(feature){</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">       tableStr=&#39;&lt;table class=&quot;featureInfo&quot;&gt;&#39;+  </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;caption class=&quot;featureInfo&quot;&gt;Proyecto&lt;/caption&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">  </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;tr&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                </span></span><span class="Apple-style-span" style="font-style: italic;">    </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                        </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;th &gt;nombre&lt;/th&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">    </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;th &gt;descripcion&lt;/th&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">  </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;/tr&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">   </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;tr&gt;&#39;+    </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">      </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;td&gt;&#39;+feature.data.nombre+&#39;&lt;/td&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">      </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;td&gt;&#39;+feature.data.descripcion+&#39;&lt;/td&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">  </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;/tr&gt;&#39;+</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">                                </span></span><span class="Apple-style-span" style="font-style: italic;">&#39;&lt;/table&gt;&#39;</span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">hrefStr= &quot;&lt;a href=\&quot;&quot;+feature.data.link_ver_pagina +&quot;\&quot; target=\&quot;_blank\&quot;&gt;&quot; +&quot;Info&quot;+&quot;&lt;/a&gt;&quot;;</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        return tableStr+ hrefStr;</span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        </span><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span></div>
<div><span class="Apple-tab-span" style="white-space:pre"><span class="Apple-style-span" style="font-style: italic;">        </span></span><span class="Apple-style-span" style="font-style: italic;">        }</span></div><div>The fundamental difference I noticed is that the JSF pages add additional css that the html doesn&#39;t include and makes div elements inherit, so I suppose the autosize property of the</div>
<div>OL Popup behaves different .</div><div>Any Help?</div><div>Thanks</div><div>Nacho</div><div><br></div><div><br></div></div></div></div>