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

Similar Messages

How to add vertical scrollbar to a tree region

Hi,
I have a page containing two regions. The first is a tree region displayed on the left hand side of the page. The second is form region displayed to the right of the tree, showing details relating to the selected node from the tree.
How can I add a vertical scrollbar to the tree, so that I can I browse all nodes in the tree without affecting the position of the form? Currently, if my tree extends beyond the height of the page I have to use the page vertical scrollbar to view the bottom of the tree. This obviously means that the form is no longer in view.
Thanks
Andrew.

Hi Andrew,
You can't add a scrollbar directly to the region's contents, but you can wrap the contents within a DIV tag.
In the Region Header add in:
<DIV style="height:500px; overflow:auto">
In the Region Footer add in:
</DIV>
Obviously, change the height value to suit your needs.
Regards
Andy

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

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

Scrollbar on a tab canvas.

Hi All,
How to show scrollbar on a tab canvas? I changed the window property "Show Vertical Scroll Bar" to yes, but even then there is no scrollbar on tab canvas.
thanks in advance.

Hi Grueneklee
u r right, i can assign. but its only for that datablock. i have more than one datablocks on one tab page and all the datablock are not viewable within the current window size. so i need to scroll down.
thanks

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

Scrollbar in the Tab Canvas?

Hi ,
If the tab canvas have many tabs a scroll bar is displaying at the end.Is there any solution to show the tabs in the next line without the scrollbar.If so plz help me.
Thanx in advance
Vani

Hi
No my dear you will find scrollbar,if you want avoid then you should split your form
Warm Regards

Scrollbar on all tabs in tabcanvas

Hi,
I am working with forms 5.0 creating a form which has a multiline block that uses 4 tabs. In forms5.0, we specify the scrollbar's canvas and tab page at the block level...which results in the scrollbar only displaying on 1 tab page. Is there a way to get this scrollbar to display on every tab page? The only way I seem to be able to have anything close to it is to put it outside the tabcanvas...which poses navigational problems.
Thanks, glenn

Hi Vimal,
As I understood you reformulate this question at this page. I will try to help you there.
Kind regards, Aliaksandr.

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

Scrollbar in a tab region

Similar Messages

Maybe you are looking for