Spreadsheets does not work in tab view with effects?

[daniel_r]

I placed a spreadsheet inside a tab view with effects... and it does not work , it looks like it does not fetch the data , all that is displayed is the spreadsheet numbers

for the test i took the code from the showcase, the spread sheet works only if i remove the effects (effect="opacity" effectDuration="normal") from the tab view

I'm using the latest 2.2 snapshot jar from nightly builds

here how it looks like with the effect="opacity" effectDuration="normal"

[cagatay.civici]

Components that do size calculation might now work as expected when inside hidden containers like tabs or dialogs.

Quoting from jquery site;

Why does...

...my slider, Google Map, sIFR etc. not work when placed in a hidden (inactive) tab?

Any component that requires some dimensional computation for its initialization won't work in a hidden tab, because the tab panel itself is hidden via
display: none
so that any elements inside won't report their actual width and height (0 in most browsers).

There's an easy workaround. Use the off-left technique for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-tabs-hide" with

.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
resizeMap() will call Google Maps' checkResize() on the particular map.

[healeyb]

I've been finding that checkResize() has been re-centreing my map not
where I had intended. This 'save centre - resize - restore centre' seems
to do the trick, and is arguably preferable to the off-left strategy. My
dialog is fired from a commandLink which is in a tabView, so I don't
know if this had anything to do with the unexpected behavior.

It'd be pretty useful to have a p:gmap address= attribute, I'm having to
use the geocoding api via JAX-RS lookups, not pretty.

Code: Select all

<p:dialog onShow="xxmapinit();">

<script ...>
function xxmapinit() {
  var saveCentre = mymap.getMap().getCenter();
  mymap.checkResize();
  mymap.getMap().setCenter(saveCentre);
}
</script>

<p:gmap widgetVar="mymap" ...>

Regards,
Brendan.