So, for the other users trying to find a solution on placing hotspots in the second, third or 1000s tab in CB... This is tricky!
Let me first make sure that you guys understand the problem. The map loads on a domready event. When the page if fully loaded, the browser fires a ready event and then we create the map. Now that works all fine, but when we are in the tabs, the actual height in 2,3rd etc position is 0... So the map reports false width + height and is not created properly.
The clever solution would be to to attach the map to a tab change event and create the map once the hotspots tab is opened. Sadly, CB uses code from 2002 for those tabs and I couldn't figure out a way to do this. (for example the tabs in Hotspots in the right menu fire a change event when you click on a tab - the developer can attach an event to it and will be always notified about it!
mootools.net/blog/2011/03/28/events-with...egation-and-pseudos/
)
So, I'm unable to solve this for you guys. I would like it to be out of the box solution, but the current tab code structure in CB doesn't allow me that.
Here are some proposals for setting a specific width and height in px for the map:
stackoverflow.com/questions/1428178/prob...pi-v3-jquery-ui-tabs
I've tried them, bur they also doesn't seem to solve the problem. The only solution would be to trigger a resize event on the map when the hotspots tab is open, but as I said above - it is not possible to know when the tab is open.... So until CB start to use better tabs, place the map in first position.
Daniel