One Level Tabs Region Width

Hi All,
When displaying an interacttive report report using the Reports Region 100% Width template on the One Level Tabs template I am unable to adjust the width of Region Position Two. I've tried the style="width=100%" and width=600px, etc. without any effect. Even tried moving REGION POSITION 02 up in a separate <TR> with no effect. Never had this problem with any template before. Does the fact that I'm using an interactive report impact this? Was also wondering what the designer had in mind with the Page Template Body regions?
Keep Smiling,
Bob R

Deleted the report and the region, added it back and presto, everything worked as designed. Big dummy should have tried that earlier! Interesting exercise in frustration.
Keep Smiling,
Bob R

Similar Messages

Changing width of a Sidebar in One Level Tabs with Sidebar.

I am using a One Level Tabs with Sidebar.
How can we change the width of the sidebar??
Thanks,
Deepak

Sam,
In the sidebar region of One Level Tabs with Sidebar., I am using LIST, so when I clicked the " show edit links" of LIST region, it's using template as Navigation Region. Then I did the following modification.
Original Code
<table class="t16NavigationRegion" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# border="0" cellpadding="0" cellspacing="0" summary="" width="210" style="table-layout:fixed;">
<col width="25" /><col width="85" />
Modified Code
increases the table width from 210 - 310 - nothings happens
<table class="t16NavigationRegion" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# border="0" cellpadding="0" cellspacing="0" summary="" width="310" style="table-layout:fixed;">
<col width="25" /><col width="85" />
increases the col width from 85 to 185 (table width remains same as 210) - sidebar region width increases (FINE)
<table class="t16NavigationRegion" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# border="0" cellpadding="0" cellspacing="0" summary="" width="210" style="table-layout:fixed;">
<col width="25" /><col width="185" />
decreases the width of table from 210 - 110 - nothings happens
<table class="t16NavigationRegion" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# border="0" cellpadding="0" cellspacing="0" summary="" width="110" style="table-layout:fixed;">
<col width="25" /><col width="85" />
decreases the col width from 85 to 45 - nothings happens
<table class="t16NavigationRegion" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# border="0" cellpadding="0" cellspacing="0" summary="" width="210" style="table-layout:fixed;">
<col width="25" /><col width="45" />Also, what are thses two columns width for
<col width="25" /><col width="85" />Thanks,
Deepak

Theme 13, One Level Tabs and IE 7 Blues

Hi all,
I'm using Theme 13 with many "one-level tabs" pages. Using IE6, everything works just fine.
Using IE7, if I hover over a control on a one-level tabs page (tabs, fields, checkboxes, the DHTML images that go with DHTML image list with sublist, etc.), the controls make a copy of themselves about a quarter-inch below their original spots.
Clicking a blank area on the page or refreshing the page temporarily clears up the situation on that page. But go to another tabbed page and the problem reappears. Come back to the original page and it reappears again. Essentially I have to click a blank area of every tabbed page to make the page work right.
Has anyone else seen this behavior? Any solutions?
Thanks!!
John

I have an update on this situation. Running it on IE v7.0.5730.11 on XP also works fine. The two machines I tried it on that are having the problem are both IE7 on Vista (I don't have the exact IE7 version but I'll get it). Also appears to work fine on Firefox (on XP...haven't tried FF on Vista - I'll have to get permission from the machine owners).
Hope this information is helpful in diagnosing what may be wrong.

Change one level tabs to two level

Is there an easy way to change one level of tabs to two levels without re-building an application ?
Can someone show me how to do this please ?

My recommendation is to do the following:
1. Navigate to Home>Application Builder>Application ###>Shared Components>Tabs
2. "Add" a new parent level tab; or two
3. Edit each standard tab and place it in the parent tab you wish it to appear; you do this by populating the "Parent Tab Set" attribute of the standard tab.
4. Change your application or a given page to be some sort of TWO LEVEL TAB page template.
Your done; you should have your application migrated from one level tabs to two level tabs. If you defined page templates at the page level you will need to adjust them accordingly.
Mike

Unable to switch from one level tabs to two level tabs.

I created my application using one level tabs. When I created parent tabs they didn't show up. I have changed the Page property to Two Level Tabs in the Default Templates by Component section of the Define Theme page. But the 2 level tabs just not show. After some trials even the 1 level tabs dissapeared. I can't see any tab now.
Is there any method to switch safely from one level tabs to two level tabs and have them show properly?
Francisco

I developed my own solution after several days of
working on the issue, and it is kind of complex. I
have a 12 page word document with images explaining
the process, so I cannot post it here. I responded to a thread on this forum several weeks back about this topic. I guarantee that the posts in total in that thread could never fill a 12 page document. It's not that complicated.
You can find it here:
Re: Can someone explain the diference between the tabs and the tab sets?
The main problem when switching from one-level tabs to two-level tabs is the "psuedo-parent-tab" that gets created as a container reference for the standard tabs. Once you get past that - and change the default template for your application you're well on your way.
Earl

Switch between one level and two level tabs

Hi,
In my application I'm having many pages manages with tabs.
Some tabs should have sub tabs other will have none.
For example Page 1:
______________________________________| HOME* | MASTER DATA | TEST |_____
Page 2
______________________________________| HOME | MASTER DATA* | TEST |_____
| M1* | M2 | M3 |
Page 3
______________________________________| HOME | MASTER DATA* | TEST |_____
| M1 | M2* | M3 |
Page 4
______________________________________| HOME | MASTER DATA | TEST* |_____
| T1* | T2 |
Like you can see Page 1 hast no sub tabs and only the parent tab should be shown (normally this would be One Level Tab Template and for the others it's Two Level Tab Template).But I didn't get it working. I've tried to following:
Setting page 1 to one level and creating a parent tab set with all required labels will display OK. Creating page 2 with new parent tab set and tabs and two level template.
Will not show not page 1 parent tab when accessing directly. Access from page 1 will throw error message: "could not find item (123455) on page."
I don't like to have something like this for page 1, because there twice shown Home, for one page ...
_________________________| HOME |_______
| HOME |
How can this be done in ApEx are there any tricks?
Thanks
chrissy

Chrissy,
Create a page template as a copy of your two level tabs template and simply remove
#TAB_CELLS#
Assign this page template to your page 1.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://htmldb.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

How to switch from two-levels tabs to one.

HTML DB v2.0.
I noticed that having two levels tabs I am getting error (can not fetch the record) because the "Clear Cache" option is available only for Parent Level tab.
My page is designed like this: Person's info, report on children records, and a form to enter/edit children records.
I'd like to switch to one-level Tabs and "Clear Cache" every time you go from one tab to another so form will be in a mode to enter a new record.
I tired to change the theme to one-level tabs, but nothing really changed when I went to create Tabs - it's asking for a Parent tab.
Message was edited by:
zavadskaya

Hi zavadskaya
Try:
- keeping the two level tabs.
- add a process to the Page Rendering area of your page
- the process is set up as:
- Type = Clear Cache for all Items on Pages ..... enter your page number.
- Process Point = On Load - Before Header
I hope this helps.
Cheers,
Patrick Cimolini

2 level tabs in APEX 4.1

Hello,
I created a one level tab application in APEX 4.1 and I realized that there will be too many tabs so I want to make 2 levels of tabs. One level would more general like : Info, Operations, Reports, etc, and the second level with actual pages. Is there a way to convert my one level tabs application to 2 level tabs applications.
Thanks.

Sure - it would be a two step process
1 - Modify your theme usage
- Shared components - themes - edit theme
- Change the default page template to use on of the two-level-tabs templates
- Ensure your desired pages either use the application default template or the relevant to level tab template
2 - Modify your tabs
- Shared components - tabs - manage tabs
- Add your different levels of tabs and ensure page assignments are relevant
- You may need to edit the properties of some pages to ensure they're using the right tabset.
I've found two level tabs to be a little ... frustrating to set up - not quite as intuitive to use and setup. But in essence, not difficult to convert from one level to two.
Scott

I can only see one parent tab from the 2 level Tabs

Hello,
I have some pages, lets say page A, B, C, D.
Now I have a standard tab-set for the pages A and B, its named S1 (and has tabs for the page A and B).
I have another tab-set for the pages C and D, this is named S2 (and has tabs for the page C and D).
Now I have a parent tab to select the standard tab-set S1, this is named P1.
And I have another parent tab to select tab-set S2, this is named P2.
I can now only see one parent tab (P1 or P2), but I cant change from P1 to P2. The standard tabs are working good to select between A and B (or C and D).
As a picture, I see my tabs like this:
_____________P1
A__B
or
_____________P2
C__D
but I want to have:
___________P2 P1
A__B
or
___________P2 P1
C__D
Can anyone help me?
Regards,
Mark

Hm, interesting. I found out that the parent tabsets work both ways:
1) You need to tell the parent tabset for which page it is current
2) you need to tell the page which parent tabset to use

Wide report causes standard tabs in two-level-tabs to move

I know that sounds odd. So, if you have a large (wide) report, that spans the browser window, and you resize the window, the tabs will move to the right, eventually right out of the window. Very odd.
I have Apex 3.0.0.00.20. I have a simple report region with a query that has over 20 columns. The data isn't really meant to be read, there is a download to spreadsheet link that people will use. However, there is also a two-level tab system in place. Parent tabs at the top (on the right) look fine. The standard tabs, below are left aligned and look good on all pages except this one. If the window is wide, fitting the entire width of the report, then the tabs align on the left. That is very wide, filling up more than my widescreen monitor on my two-monitor setup. For users on a single smaller monitor, they cannot size it that large, and if the window is narrow enough, the tabs are actually off the screen. You have to scroll right to see them. It's the strangest thing. But, it's a pain, since they need to use these.
Anyone see this? Any ideas how to prevent those tabs from moving and staying anchored on the left?
Thanks

Sounds like the result of a layout based on nested tables, which are expanding to accommodate the wide report content.
Solution would be to move the standard tabs region or the report region to another region position, or change the page template so the tabs current region position is not contained within a table that also contains the table containing the report region position.
This should all become clear if you view the page in Firefox and outline the tables using the Web Developer Toolbar...

Cloudy theme 24 Template region width not responding to style width change

Hello
I have a question regarding templates and themes.
Firstly I was using theme 20 traditional blue and all was ok.
Page template “2 level tabs with left sidebar”.
I had a page with a tree in the left side bar region.
Within the region definition in the attributes section against region attributes
I included the following style="width=300px;" which increased the width of my tree so none of the text was cut off.
All working fine!
Then I was asked to move to the “cloudy” theme 24 which scrambled my tabs and layout but with a bit of work I sorted this out all but the tree region.
The problem is the tree region always renders at a certain width even with the style code as before in the region attribute specifying a width nothing happen.
Any ideas on what is happening here?
Edited by: PolarWarrior on 02-May-2012 01:09

I have tried using 150px 250px 350px and the width increases and then stops
the view source shows me the following when I use 100% the ffffff id is mine input via the screen for testing
<section class= uRegion clearfix id= ffffff style=width:100%;> (quotes removed so it display correctly).
I have checked both templates for the page in each theme and I cannot find any references to #REGION_ATTRIBUTES# #REGION_STATIC_ID# in the templates.
the view source of the pages is quite different in each theme

Problem Switching/Changing a page in one parent tab to another

I have 2 level tabs in my application. Lets call the 'top' set of tabs, Parent1 and Parent2.
Parent2 has only one tab 'below' or contained in it. While in Parent1, there are many tabs below it, each refers to a specific page that has some apex reports. I'm just trying to move one of those "sub" tabs and the corresponding report from Parent1 to Parent2.
To do that, in Application Builder, i click on the page that i want to essentially switch form Parent1 to Parent2. I can see under the Tab section, what its called on the right side, under Tabs. Lets call that Tab_X. So, i click on that Tab_X, and it allows me to edit the Tab itself. Now I open up the drop down box called "Standard Tab Set", and there, i can see my Parent1, and Parent2 sets. It is already selected to Parent1. So i change it to Parent2. Save/Apply.
Then i go run my application, and I do not see that Tab_X tab in Parent1 anymore (which is good-i wanted to move it). I click on the Parent2 top level tab, and there I can see the Tab_X in the sub-tab list, which is also good. So far.
When i click on Tab_X to run my report, it runs and outputs fine. But i lose my Parent tabs in the Parent tab bar. My subtabs look like the ones it was grouped with in Parent1, even though i can't see Parent1 or Parent2.
It seems like it sort of half made my change but not fully, and my navigation is now essentially not working properly.
Am I missing a step to do this change correctly?
Thanks.
Edited by: user12602240 on Apr 1, 2013 3:04 PM

btw, i am using the Sand theme. Not sure if that matters.

How to get script to save up one level

Here is my basic script so far:
if (activeDocument.width > activeDocument.height)
doAction("WalletName H_Right","X-Key Logos.atn");
else if (activeDocument.width < activeDocument.height)
doAction("WalletName V_Right","X-Key Logos.atn");
I want a script that will save my current edited Photoshop CS3 open document image (stored in a folder called Client/jpg) and save it into a Client/edit folder. In other words I want it to go up one level from the jpg folder to the Client folder then save into the "edit" folder that is in the Client folder.
I want it to save as Jpeg, Level 8.
In another script I use this to save the file as jpg level 12 into the same folder and append to the name:
var CurrentFolder = activeDocument.path;
saveFile = new File(CurrentFolder + "/" + imgName + "_" + "wal")
   saveOptions = new JPEGSaveOptions();
   saveOptions.embedColorProfile = true;
   saveOptions.formatOptions = FormatOptions.STANDARDBASELINE;
   saveOptions.matte = MatteType.NONE;
   saveOptions.quality = 12; //ranges from 0 to 12
   AD.saveAs(saveFile, saveOptions, true,Extension.LOWERCASE);
But in this case I just want it to save with same name jpg but level 8 in a differnt folder. The Client/jpg folder will be different everytime. "Client" refers to the client's name so that folder is not always in the same location. So what snippet of code can be placed into the saveFile area to say go up one folder and save to "edit" folder with the open document's current name.

Ok I am not sure where to put it. This is what I got so far now:
//Determint wether document is Horizontal or Vertical and run that action
if (activeDocument.width > activeDocument.height)
doAction("DigiPhoto H","X-Key Actions.atn");
else if (activeDocument.width < activeDocument.height)
doAction("DigiPhoto V","X-Key Actions.atn");
// Write file up one level into "digipics".
var CurrentFolder = activeDocument.path;
var parentFolder = decodeURI(activeDocument.path.parent);
$.writeln(parentFolder);
saveFile = new File(parentFolder/digipics, imgName)
   saveOptions = new JPEGSaveOptions();
   saveOptions.embedColorProfile = true;
   saveOptions.formatOptions = FormatOptions.STANDARDBASELINE;
   saveOptions.matte = MatteType.NONE;
   saveOptions.quality = 8; //ranges from 0 to 12
   AD.saveAs(saveFile, saveOptions, true,Extension.LOWERCASE);
It does the first actions and saves but prompts for where and what size. What exactly does this need to look like so that it saves level 8, jpg without prompting and saves to the up one level folder as discussed earlier.
I have searched and can't find anything.

Problem creating a new row when using tabbed regions

I am new to JHeadstart and ADF and have been using the evaluation version of JHeadstart (in JDev 11.1.1.3) to judge its efficacy for a new significantly-sized application. As part of that evaluation I have created a small application (you can do this with HR schema using say the Departments table) with a single entity and VO. On JHeadstart I have then placed some of the fields into multiple Item regions within a Tabbed region on the same page and below the Group (layout style Table, Table Overflow Style below With Splitter). Existing rows display fine and I can view the data on the separate tabs.
However, if I try to create a row, I can fill in the data on the main region, but if I fill in data on the first tabbed region I cannot switch to the next tab without an error being generated.
e.g. using Departments - fill in DepartmentId and DepartmentName on main region, fill in ManagerId on first tabbed region and try to switch to second tabbed region to fill in LocationId:
Missing mandatory attributes for a row with key null of type HRModule.DepartmentsView1
Attribute DepartmentId in HRModule.DepartmentsView1 is required.
Attribute DepartmentName in HRModule.DepartmentsView1 is required.
If you save, then you can navigate.
You can also demonstrate something similar (different error message but probably the same root cause) on the myJHSTutorial demo. If you navigate to an employee off the regions page and try and create a new employee (using the '+' button below the 'Employees' label), then the tabs are not refreshed and any attempt to change the tabs results in an error
Failed to validate a row with key oracle.jbo.Key[999 ] in HRModule.EmployeesView3
Attribute Salary in HRModule.EmployeesView3 is required.
Salary must be between 6000 and 12000 for this job.
The JHS devguide does not help. Any thoughts? I can send the HR sample if you wish.

OK, I was able to reproduce this. The problem is that when you switch tabs, a partial page request is send to the server which does not include the items filled in the table row itself, hence these items are not updated in the underlying view object row.
Solution is to have a partial trigger at the table or group level listening to tab events. We will add that to the next release, but you can also apply the fix yourself by adding the following lines to the stackedRegionContainer.vm template:
#if (${JHS.current.pageComponent.tableLayout} && !(${JHS.current.pageComponent.hasOverflowInline}))
## when creating a new row in a table, and using overflow right/below, when switching overflow tabs
## the items filled in the table itself must also be processed as part of JSF model update phase, to
## prevent required item error when clicking another tab in overflow area
## we can enforce this by making the whole group listen to tab events
#ADD_CUR_GROUP_PARTIAL_TRIGGER("#REGION_ID()Tabs")
#end
Add these lines just before the line starting with
<af:${elemName}
Steven Davelaar,
JHeadstart team.

Submitting a Form in a Spry Tabbed Region

I have a spry tabbed region with 6 tabs.
I have constructed a menu which targets and opens the specific tab using the ?tab=4 type notation. I have also created links between tabs using the same notation. All works fine.
I have a form in one tab which, when I submit it, I want to return to the same tab. However when I use the notation <form action="index.php?tab=4" > the page just reloads on the first tab, stripping off the ?tab=4 part of the url. I have searched the forums but can't find any reference to how to target a specific tab when submitting a form.
Any help much appreciated.
Thanks
John

Hi
Thanks for your patience.
Because there are 8 tabs on this page there is a lot of code, much of it irrelevant, so I have copied below the chunks which relate to this part of the page.
When the form is submitted the data being returned from the database is correct and is loaded into the page. It is just that the page loads the first tab and you then have to click on the 'Results' tab to see the data which has been returned.
Ok, from the top of the page the php code which filters the recordset is as follows;
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
// recordset for results
$var1_rsCompResults = "-1";
if (isset($_GET["event_ID"])) {
$var1_rsCompResults = $_GET["event_ID"];
$var2_rsCompResults = "-1";
if (isset($_GET["age_group"])) {
$var2_rsCompResults = $_GET["age_group"];
$var3_rsCompResults = "-1";
if (isset($_GET["gender"])) {
$var3_rsCompResults = $_GET["gender"];
mysql_select_db($database_connPublic, $connPublic);
$query_rsCompResults = sprintf("SELECT tblResults.result_ID, DATE_FORMAT(tblEvents.event_start_date, '%%Y') AS year, tblResults.event_ID, tblEvents.event_name, tblResults.age_group, tblResults.points, tblIndividuals.forename, tblIndividuals.surname, tblIndividuals.sex FROM tblEvents INNER JOIN tblResults ON tblEvents.event_id = tblResults.event_ID INNER JOIN tblIndividuals ON tblResults.individual_ID = tblIndividuals.individual_id WHERE tblResults.event_ID = %s AND age_group = %s AND sex = %s ORDER BY tblResults.points", GetSQLValueString($var1_rsCompResults, "int"),GetSQLValueString($var2_rsCompResults, "text"),GetSQLValueString($var3_rsCompResults, "text"));
$rsCompResults = mysql_query($query_rsCompResults, $connPublic) or die(mysql_error());
$row_rsCompResults = mysql_fetch_assoc($rsCompResults);
$totalRows_rsCompResults = mysql_num_rows($rsCompResults);
?>
then the links to the Spry Assets and the js which creates the datasets is as follows;
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryDataExtensions.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryXML.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryPagedView.js" type="text/javascript"></script>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script type="text/javascript">
var dsYears = new Spry.Data.XMLDataSet("competitions_year_data_xml.php", "root/row");
var dsCompetitions = new Spry.Data.XMLDataSet("calendar_competitions_data_xml.php", "root/row[year = '{dsYears::year}']");
var dsAgeGroups = new Spry.Data.XMLDataSet("competitions_age_group_data_xml.php", "root/row[event_ID = '{dsCompetitions::event_ID}']");
var dsGender = new Spry.Data.XMLDataSet("competitions_sex_data_xml.php", "root/row[age_group = '{dsAgeGroups::age_group}']");
</script>
Then the html which creates the tabbed region is as follows;
                  <div id="TabbedPanels1" class="TabbedPanels">
                      <ul class="TabbedPanelsTabGroup">
                        <li class="TabbedPanelsTabLeft" tabindex="0">News</li>
                        <li class="TabbedPanelsTab" tabindex="1">Calendar</li>
                        <li class="TabbedPanelsTab" tabindex="2">Rules</li>
                        <li class="TabbedPanelsTab" tabindex="3">Competition Entries</li>
                        <li class="TabbedPanelsTab" tabindex="4">Results</li>
                        <li class="TabbedPanelsTab" tabindex="5">Rankings</li>
                        <li class="TabbedPanelsTab" tabindex="6">Contacts</li>
                        <li class="TabbedPanelsTabRight" tabindex="7">FAQ</li>
                      </ul>
                      <div class="TabbedPanelsContentGroup">
Then the form which includes the four select statements is as follows;
<div class="TabbedPanelsContent" id ="results_data">
               <h3>Results</h3>
<form name="selectForm" action="index.php?tab=4&" method="get">
        Year:
<span spry:region="dsYears" id="yearSelector">
        <select spry:repeatchildren="dsYears" spry:choose="spry:choose" name="year" onchange="dsYears.setCurrentRowNumber(this.selectedIndex);">
            <option value="{year}" spry:when="{ds_CurrentRowID} == {ds_RowID}" selected="selected">{year}</option>
            <option value="{year}" spry:default="spry:default" >{year}</option>
        </select>
</span>
        Event:
<span spry:region="dsCompetitions" id="eventSelector">
        <select spry:repeatchildren="dsCompetitions" name="event_ID" onchange="dsCompetitions.setCurrentRowNumber(this.selectedIndex);">
            <option value="{event_ID}">{event_name}</option>
        </select>
</span>
        Age Groups:
<span spry:region="dsAgeGroups" id="agegroupSelector">
        <select spry:repeatchildren="dsAgeGroups" name="age_group" onchange="dsAgeGroups.setCurrentRowNumber(this.selectedIndex);">
            <option value="{age_group}">{age_group}</option>
        </select>
</span>
        Gender:
<span spry:region="dsGender" id="genderSelector">
        <select spry:repeatchildren="dsGender" name="gender">
            <option value="{sex}">{sex}</option>
        </select>
</span>
<input type="submit" value="Submit" />
</form>
<?php if ($totalRows_rsCompResults > 0) { // Show if recordset not empty ?>
<div id="result_ID" name="result_ID">
    <table>
      <tr>
        <th>Athlete Name</th>
        <th>Event</th>
        <th>Score</th>
      </tr>
      <?php do { ?>
        <tr>
          <td><?php echo $row_rsCompResults['forename']; ?> <?php echo $row_rsCompResults['surname']; ?></td>
          <td><?php echo $row_rsCompResults['event_name']; ?></td>
          <td><?php echo $row_rsCompResults['points']; ?></td>
        </tr>
        <?php } while ($row_rsCompResults = mysql_fetch_assoc($rsCompResults)); ?>
    </table>
</div>
<?php } // Show if recordset not empty ?>
       </div> 
Then at the end of the page is this code;
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
</script>
</body>
</html>
<?php
mysql_free_result($rsCompResults);
?>

One Level Tabs Region Width

Similar Messages

Maybe you are looking for