[fusion-users] Using fusion with Tabs (Jx.Button.Tab, etc.)

[Paul Spencer]

Tough one!  Ideally, the tabs would be set to display: block;  
visibility: hidden; .  You can try this (untested)

<style>
.tabContent {
   display: block;
   visibility: hidden;
}

.tabContentActive {
   visibility: visible;
}
</style>

and include that AFTER the jxlib theme file <link> in your page.  If  
that doesn't work, check in firebug to see which styles are getting  
used for tab content areas, if it is still .tabContent from the theme  
file then try adding !important before the ; on each line above (i.e.  
display: block !important;)

Cheers

Paul

On 12-Jun-09, at 8:18 AM, Bernhard Schneider wrote:

> Hello Fusion users and expert,
> We are trying to use Fusion (2 beta) in combination with Tabs  
> (Jx.Button.Tab, Jx.TabSet). We encounter the following problem when  
> loading Fusion in a tab that is currently not active: If a tab is  
> inactive, some of the tab’s div-elements are not visible  
> (display=none). Because of this, all requests to div- 
> element.clientWidth and ..clientHeight return 0 (instead of the  
> actual element’s size). This in turn is bad for the map widget  
> because it needs these div attributes to determine its size. When  
> the user clicks the tab with the Fusion map, the damage is already  
> done, a generic max extent is used instead of the predefined one,  
> and the overview map does not show at all.
> As it turns out, we only manage to successfully load Fusion in  
> active tabs.
> Does anyone have experience in loading Fusion in tabs? Any  
> suggestions on how to load Fusion in inactive tabs?
> Thank you in advance
> Bernhard
>
> _______________________________________________
> fusion-users mailing list
> fusion-users at lists.osgeo.org
> http://lists.osgeo.org/mailman/listinfo/fusion-users


__________________________________________

    Paul Spencer
    Chief Technology Officer
    DM Solutions Group Inc
    http://research.dmsolutions.ca/