Difference between revisions of "How can I show the Map inside a tab"
From JReviews Documentation
(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…') |
|||
Line 16: | Line 16: | ||
There is an issue when the Map is loaded in a hidden tab, this is a fix: | 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 | + | Open the <span style="color: blue">\theme_css\jquery_ui_theme\jquery-ui-1.7.1.custom.css</span> file and replace |
<source lang="css"> | <source lang="css"> |
Revision as of 11:04, 14 January 2010
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; }