Tab Regions

Hi,
I'm currently using portal 10g and I have a portal page which is made up of a navigation page at the top and the bottom page contains tab style navigation. The navigation page contains a corporate image which has to stay in the header, but the image forces a huge white space in the navigation page. This image isn't aloud to be tampered with due to company policy.. Is there away to push the tabs into the navigation page? Or set the navigation page to a certain width, allowing the tabs to move up next to the image in the navigation page??
Regards,
Trevor

Surya,
If you're looking for ideas on what to use in place on onChange in the case of the tabs, you would use onClick.
I'll be honest with you, after having taken a look at this, I don't know if the AJAX solution is really worth the effort. Not that it's impossible hard... But it is going to be more time consuming to develop and then to maintain as well.
My advise would be to get it working in a standard way, yes even with the dreaded full page submits ;) Then, take a look and see if performance is really an issue. If so then the extra time is justified, if not you saved yourself/your company/the world precious time and money.
I'm currently in the process of converting a website that was done in Joomla over to ApEx. You can see this used here: http://apex.shellprompt.net/pls/apex/f?p=353:50
Ignore everything that's not working ;) I'm nowhere close to finishing.
Regards,
Dan
http://danielmcghan.us/
http://sourceforge.net/projects/tapigen/

Similar Messages

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);
?>

Scrollbar in a tab region

How to display scroll bar in a tab region? I have a portlet in a tab region that has got lot of contents. Is it possible to display scrollbar just for this region so that I can still see the tab?

Hello Manikandan,
The most easy way to do it is to use a style. I have put last month a little tip about that in my blog:
http://www.grallandco.com/jBlog/home.do?blogId=3
Regards
Tugdual

Sub-pages in a tab-region

I'm working on Oracle 9iAS release 2. And I have to set up a company portal.
The first page (the root page) should show/contain a banner, a region with 4 tabs and a footer. My problem is that in one tab I want to create something like a content area. I have three or more topics and for each topic there should be a possibility to add items (like a document management system).
Well as far as I know the only possibility how I can manage this is through pages and subpages. However if I display a subpage in the tab-region and this subpage itself contains other subpages (like in a hierarchy) and I click on one link to a subpage, the subpage opens in a whole new window. But I want to open the subpage only in the tab-region... (like html and frames)
Is there a possibility to manage this??
Thanks

Have you tried using a page portlet? I don't know what you asked support (if you provide the TAR number I can look it up), but a page portlet allows you to navigate through a series of subpages while remaining in the context of the containing page. The presentation of the page hierarchy will remain within the tab containing the portlet.
One caveat: if the pages viewed through the portlet use a template, they must all use the same template.
Regards,
Jerry
Portal PM

Creating a tab region within a page in APEX

Hi there,
Could someone please guide me to some examples on how i could create a tabbed region within a page?
Thanks

Here is what i do...
In HTML Header I will add the below code
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>
<script type="text/javascript">
$(function() {
   $("#tabs").tabs();
   $x("tabs").appendChild( $x("tabs-1"));
   $x("tabs").appendChild( $x("tabs-2"));
</script>Then i will Create 3 Region.
Region 1 >>> Create an HTML Region ( REGION TEMPLATE = NO TEMPLATE) and add the below code in REGION SOURCE
<div id="tabs">
<ul>
   <li><a href="#tabs-1">Employee</a></li>
   <li><a href="#tabs-2">Chart</a></li>
</ul>
</div>Region 2 >>> Create HTML Region... Add two text field to this region .. now edit the region
Add the below code in region header of REGION 2
<div id="tabs-1">Add the below code in region footer of REGION 2
</div>Region 3 >>> Create HTML Region... Add two text field to this region .. now edit the region
Add the below code in region header of REGION 3
<div id="tabs-2">Add the below code in region footer of REGION 3
</div>Example : http://apex.oracle.com/pls/apex/f?p=12060:7
I have used exactly the same code... except that my Region 2 contains REPORT insted of two text field and Region 3 contains CHART instead of text field.
Regards,
Shijesh
Please reward the answer if it was helpful / correct

Sub Tab Region Personalization

Hi,
Is it possible personalize sub tab regions? The OA Framework Personlization guide says "Limited properties of SubTabs, such as Rendered, may be personalized at the Admin level but not at the end-user level." But when i login as sysadmin and try to personalize the page i dont see any option to personalize the sub tabs.
My requirement is to disable couple of sub tabs(6 sub tabs exists in all and 2 should be disabled) in a OA Fwk page shipped by Oracle for a specific responsibility say "A". For responsibilities other than "A" all the 6 sub tabs should be enabled. Can this issue be fixed through personalization?
Thanks, Suresh.

I think, this can be achieved by the following:
1) Create custom menus (that is a copy of the seeded menus releated to the responsibilty)
2) Then check the tabs in the menu (weather it is a prompt or submenu)
3) Remove the prompt or submenu from the menu
Just removing the prompt will work in your case.
Also remember to keep all the submenus and functions like as it in the seeded menus to avoid future error while accessing some functions (This is Oracle recommendation)
All the best...and let me know if any..
Thanks
JTM

How to handle sub tab region action

Hi All,
How do we handle sub tab region actions? I have a requirement where the page is supposed to get refreshed when "Products" subtab is clicked. This tab is in the subTabLayout with id QotHdrSubTabRN.
Regards,
Shreyas

Hi,
Could you please elaborate a bit more on this. This subTab is on the standard page and not on a page I have created. So I'm not sure how exactly to set the Action Type to fireAction.
Regards,
Shreyas

Tabbed regions

Hi all,
Using the help of this link
http://www.oracle.com/global/de/community/tipps/bigForm/index.html
i have created tabbed regions.
It works excellent.
but if the region is big, the template is not having the code for automatic extension of the footer.
The region override the footer so that the toolbar in the bottom is not seen.
could anyone help to get the code in the template for the auto extension of the footer, as the region is big?
(Since i am accessing from the remote server, I couldn't copy the original css and make changes in it)
PS: The coddings are in german language. i converted to english using google.
bye
Srikavi

Hi Dimitri,
Thanks a lot for your reply.
i felt like wah!! nice implementation.
but,
If we use other templates the page footer adjust according to the size of the region.
ie I am referring page footer as -- the blue color line(ruler) at the end (before the toobar)
like other templates according to the size of the region could the page footer be increased.
For eg. if u run the page 2 in the same application
Hope u got what i am trying to do.
thanks in advance
bye
Srikavi

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

How to create tabbed region without Extjs

Hi,
I have a Form region with lots of attributes coming from a single table that is the source of the region.
Is it possible to create a form that has all this attributes sorted into tabs?
Regards, Tamas
Edited by: Tamas Szecsy on May 20, 2011 9:39 AM

Here.
http://shijesh.wordpress.com/2010/04/04/jquery-tab-in-apex-3/
do not incldue these lines in aped 4
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>Regards,
Shijesh

Error while showing data in sub tab region

Hi,
I have created a custom OAF page with three Tabs
Device Details
User Privileges
Chart Templates
Under "User Privileges" There is a summary page which shows all User details records. When user click on "Update" icon control is delegated to "Update Page". Under update page I have two tabs
Devices
Organizations
Initially the data of selected user is loading successfully but when I click on "Organization" tab I am getting all user record instead of the selected user record only.
I debug the code and found that When I click on "Organization" tab the User_ID become null.
How to handle this ?
Thanks & Regards,
Ajay Sharma

Hi Keerthi,
I debug the code and found that when I clicked on "Organization tab" the same page i.e. "User Privileges" gets called again.
When "User Privileges" page is getting load first time the values User_id is passed from summary page.
but in case on "Organization Tab" I am not passing any value when I click on "Organization tab".
Do I need to pass value again ?
Another thing is in processRequest I am firing query on VO based on USER_ID. Every time this will be called.
Can you please suggest me Best Practices for this ?
Thanks,
Ajay

Tab region's with relative links?

At the moment our tabs are being generated with absolute URL's and this is no good since the link uses our internal domain name that is inaccessable to the internet. Is there anyway to make them relative links?
We have 2 domain names, portal keeps prefixing URL's with the internal one. This is very annoying since we want some users to access the site via the internal domain name and others to use the external one (via reverse proxy). We have been able to work around this for everything except tabs, the only solution I can think of is to use some wacky javascript that modifies the generated hrefs, but I really don't want to do that. Any suggestions would be greatly appreciated. We are using portal 9.0.4.1.

Thanks for that, but it's of no use to us. For instance:
http://externaldomain.com/pls/portal/url/page/PAGE_GROUP/OUR_PAGE?p_id=4
Will be redirected by portal to this:
http://internaldomain.com:7777/portal/page?_pageid=53,679823&_dad=portal&_schema=PORTAL&p_id=4
So external users can not access the page like this.
I've had to add some javascript to the UI template for portal pages that use tabs as a work around. If anyone can come up with a better solution, please let me know. Here is my work around in case you're interested...
<script>
function correctURLs(){
     var arrURL = window.document.URL.toString().split("/p");
     var thisDomain = arrURL[0];
     var falseDomain = "http://internaldomain.com:7777";
     if (thisDomain == "http://externaldomain.com") {
          for (var i = 0; i < document.getElementsByTagName("A").length; i++ ) {
               document.getElementsByTagName("A").item(i).href = document.getElementsByTagName("A").item(i).href.replace(falseDomain,thisDomain);
</script>
<body onload="correctURLs()">

How to create tabs in a region

Can you tell me if it is possible to create a multi tab region. I wish to use the functionality available for tabs at page level but on a region within a page.

Hi,
That is actually something that I had to do not very long ago - the form page got so long that users wanted it divided into logical groupings of page items and then have a row of tabs along the top that allowed them to display these grouped items one group at a time.
What you need is a hidden page item called, as P1_REGION. Then, on your page, create a computation for this item that runs Before Header and sets this to a Static Assignment value of 1 - this computation should be conditional on P1_REGION being null (this just sets it to a default value of 1 when the page is first loaded).
Then, for each region on your page, you determine a region number that it will use. Make each region conditional on P1_REGION being this number - use the "Value of Item in Expression 1 equals Expression 2" condition - put P1_REGION in Expression 1 and your selected region number in Expression 2.
Now, on your list's defintion, you set "Set these Items" to P1_REGION and "With these values" to the appropriate region number for each list item.
Finally, to highlight which region is currently selected, on the list item, in the Current List Entry section, set "List Entry Current for Pages Type" to "Exists SQL Query" and the Condition to:
SELECT 1 FROM DUAL WHERE :P1_REGION = 1(adjust the value at the end as appropriate for each list item).
Andy

Horizontally laid-out hide-show regions/ mini-tabbed pages

I'd like a mini-tabbed page layout, I can almost achieve this by having hide-show regions in which only one hide-show region is visible at a time, however the regions are stacked vertically, not horizontally. I don't want to use regular tabbed regions, because
a) I'm already using two levels of tabs,
b) I want these tabs to be all on the same page so I can use page-level processes.
Cheers, Mark

Hello Murray
Thanks for going to the trouble of creating the little test site.
Other browsers appear to load the pages much quicker. This may be because they are able to more inteligently handle our code, I don't know. Safari on our Macs zooms through it.
In IE6 if I open a large Lesson and click next I see, at the bottom of the screen in the Status Bar, "(21 items remaining)" and then "(20 items remaining)" etc. which counts down and then disappears. Interestingly if the next screen happens to display the same image this does not happen, just the message "Done". If the next screen has a different image then the count down from "(21 items remaining)" again as all the linked resources (I presume) are downloaded.
I have opened your site in IE6 (Windows XP Pro) and I don't see the message. However the image is so small that I may not because it is so fast to load.
It may be related to how IE6 handles Temporary Internet Files, I'm not sure.

Tab Regions

Similar Messages

Maybe you are looking for