Yes.. the missing ingredient is the CSS to control the tabber/tabs display.
For wxdsforecast.php try <?php
############################################################################
# This document uses Tab 4 Settings
############################################################################
require_once("Settings.php");
require_once("common.php");
############################################################################
$TITLE = langtransstr($SITE['organ']) . " - " .langtransstr('Sample Blank Page');
$showGizmo = true; // set to false to exclude the gizmo
include("top.php");
############################################################################
?>
<style type="text/css">
/*--------------------------------------------------
tabbertab
--------------------------------------------------*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0 0 3px 0;
padding: 0 3px ;
border-bottom: 0px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
min-height:40px;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
min-height: 40px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE !important;
text-decoration: none !important;
}
ul.tabbernav li a:link { color: #448 !important;}
ul.tabbernav li a:visited { color: #667 !important; }
ul.tabbernav li a:hover
{
color: #000;
background: #AAE !important;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff !important;
border-bottom: none;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white !important;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:0px solid #aaa;
border-top:0;
overflow:auto;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
</style>
</head>
<body>
<?php
############################################################################
include("header.php");
############################################################################
include("menubar.php");
############################################################################
?>
<div id="main-copy">
<?php
$doIncludeDS = true; // handle DS-forecast include
include_once('DS-forecast.php'); ?>
</div><!-- end main-copy -->
<?php
############################################################################
include("footer.php");
############################################################################
# End of Page
############################################################################
?>
Unfortunately, due to HTML restrictions, all <style> entries have to be in the <head>..</head> area of the page, and with the include for DS-forecast.php in the <body>..</body> there wasn't a way to do that.
When DS-forecast.php is run standalone (with a valid configuration in the settings area), it will have the proper CSS. All including() pages have to have the added CSS inserted in them to display correctly.
The good news is the tabber JavaScript is automatically emitted into the page (since <script> can appear anywhere), so there's no extra file to worry about.
Hope this helps.. I'll update the script page docs with the note about the needed CSS in including pages.