How can I show the Map inside a tab
From JReviews Documentation
Revision as of 10:53, 14 January 2010 by Jreviews (Talk | contribs) (Created page with 'Read the article about Adding tabs to listing detail page. To show the map inside a tab move the code that outputs the Map in the detail.thtml theme file into one of the tab…')
Read the article about Adding tabs to listing detail page.
To show the map inside a tab move the code that outputs the Map in the detail.thtml theme file into one of the tabs.
<!-- BEGIN MAP --> <?php if(isset($listing['Geomaps']) && $listing['Geomaps']['lat']!='' && $listing['Geomaps']['lon']!=''):?> <div class="clear"></div> <?php echo $this->renderControllerView('geomaps','map_detail',array('width'=>'100%','height'=>'300'));?> <?php endif;?> <!-- END MAP -->
There is an issue when the Map is loaded in a hidden tab, this is a fix:
Open the \theme_css\jquery_ui_theme\jquery-ui-1.7.1.custom.css file and replace
.ui-tabs .ui-tabs-hide { display: none !important; }
with:
.ui-tabs .ui-tabs-hide { position: absolute; left: -5000px; }