Panel Tabbed geting invisible

Hi
I am using JDev 11.1.1.2
In the UI page, i have a panel tabbed component and inside this component i have a toolbox component where i have menu bar which contains some menu items and below that i have a table getting displayed. Both the toolbox and table are kept in panel group layout and group layout is in that panel tabbed.
When i run my page, the table is having some values inside in it. whenever i click in the middle of my table, the panel tabbed vanishes or gone .... and also the menubar item too. Only the table is placed in that panel tabbed's position....
Can anyone pls tell me why the tabbed is getting vanishes and the table is taking all the space?? When the refresh the page again all the components come back to its position ......
Please Help !!
Regards
Sudeep

any help any one !!!!

Similar Messages

How to open a panel tabbed window using a button present in the same page

below is my jspx page where i have two buttons and two panel tabs. I want to open respective panel tabs using respective buttons:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1" binding="#{backing_pages_bb.d1}">
<af:form id="f1" binding="#{backing_pages_bb.f1}">
<af:panelStretchLayout binding="#{backing_pages_bb.psl1}" id="psl1">
<f:facet name="bottom"/>
<f:facet name="center">
<af:panelTabbed binding="#{backing_pages_bb.pt1}" id="pt1">
<af:showDetailItem text="first"
binding="#{backing_pages_bb.sdi1}" id="sdi1"/>
<af:showDetailItem text="second"
binding="#{backing_pages_bb.sdi2}" id="sdi2"
rendered="true" disclosed="false"/>
</af:panelTabbed>
</f:facet>
<f:facet name="start"/>
<f:facet name="end"/>
<f:facet name="top">
<af:panelGroupLayout binding="#{backing_pages_bb.pgl1}" id="pgl1">
<af:commandButton text="first"
binding="#{backing_pages_bb.cb1}" id="cb1"
action="#{backing_pages_bb.cb1_action}"/>
<af:commandButton text="second"
binding="#{backing_pages_bb.cb2}" id="cb2"
action="#{backing_pages_bb.cb2_action}"/>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>

</jsp:root>
below is the backing bean created for the jspx page:
package view.backing.pages;
import javax.faces.component.UIComponent;
import oracle.adf.view.rich.component.rich.RichDocument;
import oracle.adf.view.rich.component.rich.RichForm;
import oracle.adf.view.rich.component.rich.layout.RichPanelGroupLayout;
import oracle.adf.view.rich.component.rich.layout.RichPanelStretchLayout;
import oracle.adf.view.rich.component.rich.layout.RichPanelTabbed;
import oracle.adf.view.rich.component.rich.layout.RichShowDetailItem;
import oracle.adf.view.rich.component.rich.nav.RichCommandButton;
public class Bb {
private RichForm f1;
private RichDocument d1;
private RichPanelStretchLayout psl1;
private RichPanelGroupLayout pgl1;
private RichCommandButton cb1;
private RichCommandButton cb2;
private RichPanelTabbed pt1;
private RichShowDetailItem sdi1;
private RichShowDetailItem sdi2;
public void setF1(RichForm f1) {
this.f1 = f1;
public RichForm getF1() {
return f1;
public void setD1(RichDocument d1) {
this.d1 = d1;
public RichDocument getD1() {
return d1;
public void setPsl1(RichPanelStretchLayout psl1) {
this.psl1 = psl1;
public RichPanelStretchLayout getPsl1() {
return psl1;
public void setPgl1(RichPanelGroupLayout pgl1) {
this.pgl1 = pgl1;
public RichPanelGroupLayout getPgl1() {
return pgl1;
public void setCb1(RichCommandButton cb1) {
this.cb1 = cb1;
public RichCommandButton getCb1() {
return cb1;
public void setCb2(RichCommandButton cb2) {
this.cb2 = cb2;
public RichCommandButton getCb2() {
return cb2;
public void setPt1(RichPanelTabbed pt1) {
this.pt1 = pt1;
public RichPanelTabbed getPt1() {
return pt1;
public void setSdi1(RichShowDetailItem sdi1) {
this.sdi1 = sdi1;
public RichShowDetailItem getSdi1() {
return sdi1;
public void setSdi2(RichShowDetailItem sdi2) {
this.sdi2 = sdi2;
public RichShowDetailItem getSdi2() {
return sdi2;
public String cb1_action() {
// Add event code here...
return null;
public String cb2_action() {
// Add event code here...
return null;
Wat method has to be coded inside cb1_action and cb2_action so that respective panels are opened.
thank u for ur help in advance.

Hi,
If the data need to be passed is large, consider using Shared Memeory Objects: Check this doc for reference: How to pass data from ABAP to Web Dynpro ABAP
Hope this helps u,
Regards,
Kiran

.js update of spry accordion panel tab data for countdown functionality

Hi,
First off I must say I really love the work done on CS3 and
the Spry Framework - loads of examples and nicely implemented!
Questions in a nutshell:
Can I change spry generated data on the fly so I can run a
.js counter function to dynamically update accordion panel data?
What event do I look for to fire a .js init function to see my new
spry widget (onPostLoad isn't working for me, but I'm a newbie!)?
* spry accordion
* {expire} dataset data is SQL DATETIME
* js countdown function CD_Init() searches DOM for specific
element IDs 'countdownN' and uses innerHTML to update counter at
specific interval
* observer onPostLoad seems to be calling CD_Init before
accordion DOM is loaded.
Verbose questions:
I am trying to tweek the output of a Spry Acoordion and
wanted to add a third party js counter to my accordion panel tab
and am having a bit of difficulty. The js code uses an innerHTML
statement to keep the counter going and supports multiple counters
(which I need to use one counter per tab). I build the multiple
counter id from the ds_RowID field which is where the parent div
element where the js changes the innerHTML. Can I do this? The .js
searches for elements w/ an ID of "countdownN", N = instance # and
a date format of '2007-09-08 00:00:00 GMT+00:00' and updates the
div's text with the countdown time. My {expire} record below is an
SQL DATETIME which is the correct format for this countdown.js
function (with the GMT-05:00 appended).
The relavant code is:
<div id="specialDisplay" spry:region="dsSpecials">
<h3>Click on a special below from our <em>LIVE
FEED</em> to see all the up-to-the-moment
exciting packages available!</h3>
<div id="AccordionSpecials" class="Accordion">
<div class="AccordionPanel" spry:repeat="dsSpecials">
<div class="AccordionPanelTab"
onclick="dsSpecials.setCurrentRowNumber('{dsSpecials::ds_RowID}')"
spry:hover="AccordionPanelLabelHover"><?php echo '<div
id="countdown' .'{ds_RowID}'. '">';?>{expire}
GMT-05:00</div>{dsSpecials::name}</div> 
<div class="AccordionPanelContent">
<div spry:state="loading"><img
src="./i/ajax-loader.gif"/></div> 
<div spry:state="error"><span spry:content="Error
loading data..."></span></div> 
<div id="details" spry:state="ready"
spry:content="{detail}"></div> 
</div> 
</div> 
<script type="text/javascript">

</script>
</div> 
</div> 
I got the nice countdown.js script from
http://andrewu.co.uk/clj/countdown/
which allows N # of counters/page. I have updated this code to
start checking for a zero based index that I generate utilizing the
spry ds_RowID.
I have added an observer to run the countdown's
initialization function (to hopefully find all the "countdownN"
element instances) under my dataset declarations:
var observer = { onPostUpdate: function(notifier, data) {
CD_Init() ; } };
Spry.Data.Region.addObserver("AccordionSpecials", observer);
Also tried to add the observer to a div surrounding the
according w/ the "spry:region" specified.
But, alas, I see the correct expire instance in my tab, but
it looks like the counter is only firing before the actual data is
loaded (i.e. I used FF's webdeveloper and set a break on the
CD_Init function and it's breaking before the actual accordion is
there - I see the dataset placeholders in my window for the
accordion. When I continue, the accordion is generated, but my
countdown isn't working because it looks to be firing before the
DOM is updated w/ the accordion elements.
Sorry for the long speil; I'm really a .js neophyte and just
starting w/ spry - so I'm not even sure if I can/should change the
HTML generated from spry. If not, is there anyway that I can have a
countdown timer for each accordion's tab panel's associated
{expire} data field? Any ideas and suggestions are greatly
appreciated!!
Thank you also for this forum - some great gems for
development here!

Sorry - the previous post is way too long.
Is it possible to tie in a javascript update function (a
counter update) to an element generated by a spry widget (a dataset
value that generates spry accordion tab text) so that the accordion
tab gets updated by the javascript function running under a
setinterval?
I've tried firing the javascript init function with an
observer on the accordion's onPostUpdate event, but it's getting
fired before the spry data is loaded. Is this something that's
possible? Sorry for my lack of javascript expertise! Relying on the
real experts here!
Thanks for any advice/pointers.

Problem with Required fields in Panel Tabbed

Hi ,
I am using Jdeveloper 11.1.1.2 and i created a jspx page in which i am using <af:panel Tabbed> which has 2 <af:showDetailItem> items.
Here the problem is in each show detail item i have selectOneChoice set as required fileds. when i am runnin the page and click the second tab it is asking to select a value for SOC.
Can anyone help me in how to make required fileds show only for that <showdetailitem> item but not for both the showdetailitems.
Thanks,
Harika.

Set the immediate property for the tab to be true.
Similar forum post:
Issue with Panel Tabbed and required property
Thanks,
Navaneeth

Spry Tabbed Panels: Tabs

I'm experimenting with Spry Tabbed Panels. The problem I
couldn't work out is that how to get panel tabs stay on their
place. They seems to be jumping out (far right) when I click on
enter key while my cursor in the tab content area. This happens on
DW CS3 but displays correctly on browsers preview (site is local)?
I am inserting Spry Tabbed Panel in a simple styled div.
There are many styled divs/nested divs on the page.
I can insert non Spry items in a same div and style them
without problem but something seems to be different about Spry
Tabbed Panel?

I'm experimenting with Spry Tabbed Panels. The problem I
couldn't work out is that how to get panel tabs stay on their
place. They seems to be jumping out (far right) when I click on
enter key while my cursor in the tab content area. This happens on
DW CS3 but displays correctly on browsers preview (site is local)?
I am inserting Spry Tabbed Panel in a simple styled div.
There are many styled divs/nested divs on the page.
I can insert non Spry items in a same div and style them
without problem but something seems to be different about Spry
Tabbed Panel?

Color of selected tab panel tab

Hello all,
I'd like to know the orange like color of the upper part of a selected tab panel tab, see the picture below.
Actually, these are two colors, orange and a darker, 'shaded' orange. I don't mind which color value I can obtain, but I'd like to use the same color for other controls (LED, decoration frame) as well.
Does this color depend on the Windows theme? If so, I'd be happy about a possibility of obtaining this property programmatically.
If this color is always the same, I can obtain it myself using Photoshop...
Thanks a lot,
Wolfgang
Solved!
Go to Solution.

When the panel has ATTR_CONFORM_TO_SYSTEM_THEME set, CVI lets Windows draw the tabs by calling DrawThemeBackground with partIDs such as TABP_TABITEM, etc. The picture that you posted is the XP theme. The Windows 7 theme is different and it looks like this...
I checked out the Windows function GetSysColor, but didn't see a way to get that color. Anyway, since the tabs draw differently on XP and Vista/Windows 7, you may not want to use that color in different controls.

Panel Tab as Link only (no content) in Accordian Widget?

Is there a way for panel tabs that have no content to
a) Close any other open panels when clicked
b) Act as link of their own (they will navigate to separate html page rather than open accordian panel) and
c) show active state when clicked
I would be wanted 'Label 2' of the follwing panel to be a link to an external page, whereupon i will set that panel tab to be default active when they land there.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 3</div>
    <div class="AccordionPanelContent">Content 3</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 4</div>
    <div class="AccordionPanelContent">Content 4</div>
</div>
</div>
Hope i've made sense....
Thanks in advance of anyone's help/advice (I ammeanwhile scouring the forums on the web).
ccesca

Why not?
Be sure you have not set a height for the panel content, or you will end up with a normal tab with a blank content panel falling below it.
I've never tried creating an accordion that had a tab completely without a content area, but that might work.
So, put a link on your tab text and see if it functions the way you want.
Regarding the Show active state when clicked, examine the accordion CSS file and fiddle around with things to change. It is likely that it is already set up to do that.
Beth

Tabs without using panel tabbed

i have to create a page with multiple tabs on top of the page without using panel tabbed, since multiple users cannot work in panel tabbed.
i have created fragments for indivudual tabs.
included fragments in a bounded task flow. connected all fragments to wildcard control flow.
used a jsff with command menu items in top of the page in a pgl.
below this, i dropped task flow as region where i would like jsff to be displayed depending on command menu item selected on top.
specified command menu item action property as name of control flow case connecting wild card to individual jsffs used in page.
Navigation is not working from one to another jsff on clicking command menu item on top.
what is wrong with this approach.
jdev 11.1.1.5

it would be easier for multiple people to work on different page fragments as with panel tabbed it would be single jspx.
i m focusing on how to achieve navigation using fragments in a region and command menu items or command navigation items at the top.

Selectable Dialog Panel Tab Order Reversed when Plug-In compiled with XCode 3

Hi,
I'm not sure if anyone has seen this before, but I am experiencing
a problem with the order of the panel tabs in a selectable dialog when compiling
a CS3 plug-in using the following configuration.
OSX 10.5.4
XCode 3.
ID SDK 5.0.3
The problem is evident in the sample SDK plug-in "BasicSelectableDialog"
Other than the obvious ( i.e. use XCode 2.4.1 ) is there a simple configuration fix for this??
Regards,
Mike.

Update::
Seems to be a problem with the ResourceEnabler or the call to CDialogCreator::GetOrderedPanelIDs() in the GetOrderedPanelIDs call in the dialog creator.
The list returned is always empty when compiled in XCode 3, but filled in when compiled using XCode 241.
Regards,
Mike.

Panel tabbed is not working in the page fragments used in a bounded task fl

Hi,
I tried creating a simple page fragment with a panel tabbed as below
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:f="http://java.sun.com/jsf/core">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelTabbed id="pt1">
<af:showDetailItem text="showDetailItem 1" id="sdi1"/>
<af:showDetailItem text="showDetailItem 2" id="sdi2"/>
<af:showDetailItem text="showDetailItem 3" id="sdi3"/>
</af:panelTabbed>

</f:facet>
</af:panelStretchLayout>
</jsp:root>
Then in an unbounded task flow, I added the bounded task flow which is just created above. when I run this page, the page is loaded but the tabs doesn't switch. When I click on the other tabs, it doesnt change, it is always active only in the first tab.
Is this a bug in adf, or am I missing something?
Can someone please help?
Thanks,
Sudarsan M

Hi Vinod,
Thanks for responding.
I want a page fragment with tabbedPanel to be loaded in my dynamic region. As I am facing this issue, I tried very simple example of creating a page fragment with a tabbedPanel of 3 tabs.
1. added this page fragment in an bounded task flow.
2. In the unbounded task flow(adfc-config.xml) added a view with the some jspx page and then added the bounded task flow created above as a static region in this jspx page.
3. When I run this view, I can see the page loaded with all the tabs in the page frament.
4. By default the first tab is selected, but when I tried to click on the other tabs, there is no response. It still stays in the first tab only.
Thanks,
Sudan

Project panels tabs randomly change on launch

I recently started noticing that my project tabs are getting all jumbled up when I reopen projects. Here's an example:
This is how my tabs look when I close my project:
...and here's how they look when I reopen it:
Notice how the tabs have changed completely – some tabs open at the root level, others in specific folders and some tabs changed their view from list to grid. This has to be a bug since it only started happening about 2 weeks ago. I already put in a bug report with Adobe but until they get around to fixing it, does anyone know how to fix this?

Sounds like the same issue discussed here: Project panels tabs get reset to root level at project launch!
You'll find a proposed workaround there.

RE: How to set createInsert operation with panel tab

Hi all,
I am using Jdeveloper 11.1.2.3.0
Here i have one form and it contains two panel tabbed subDetailedItems called List and New.
I have table in List Tab and form in New Tab.
Now my requirement is if i select New tab then it has to display empty fields to enter new record.
Help me to resolve the issue.
Thanks,
Syam

Nitesh,
I understood the usecase. But my question was, what happens if the user clicks on the New tab (a new record gets created due to createInsert - but not committed), then go back to another tab and then click on New tab again (another new record gets created due to next createInsert). Now, if the user commits, after entering values, he would have 2 rows added to the table (one with blank values and next one with data). You should have to handle that as well.
-Arun

Region in panel tabbed throws exception

hi!
I have a Jsff page with a panel tabbed having two showDetailItem and each showDetailItem has region. Both region activation property is set to Conditional with corresponding EL for Active attribute. The region in first tab is loaded succesfully, and same thing with the region in the second tab. But when I get back to the first tab I got this Exception
<RegistrationConfigurator><handleError> Server Exception during PPR, #1
java.lang.NullPointerException
     at oracle.adfinternal.view.faces.taglib.region.IncludeTag$RelocatedFacet.restoreFacet(IncludeTag.java:900)
     at oracle.adfinternal.view.faces.taglib.region.IncludeTag.doStartTag(IncludeTag.java:200)
     at oracle.adfinternal.view.faces.taglib.region.DynamicIncludeTag.doStartTag(DynamicIncludeTag.java:109)
All the backing beans of the regions are in request scope.

I had isolated the problem, it is not the region.. it's the pageTemplate so I post another thread for this.
Cannot use the same page template in panel tabbed

Updated form/table in showDetails of Panel Tabbed Component

When there are multiple showDetail components for Panel Tabbed, if anyone of them has an updated form or table, switching between different showDetail components will cause the system throw mandatory field validation errors.
It looks like all the mandatory LOV fields are reset to be empty in the previous visited tab. Is this the way that Jdev supposed to work? What should we aware of using updated forms/tables in multiple tabs of Panel Tabbed component?

That's how it works. That's the reason, I get all the data to pre-populate all the components in the page load itself. When I switch between tabs, I don't re-execute the proc and so it won't reset. I use postback to prevent re-execute the proc. when I switch between tabs.
Boolean postBackValue = (Boolean)JSFUtils.resolveExpression("#{adfFacesContext.postback}");
Boolean defaultBooleanValue = new Boolean("false");
if (postBackValue.equals(defaultBooleanValue)) {
}

Panel Tabbed Inter-Region Communication - jdev 11.1.2.3

Hello:
I have a page with panel tabbed. In each showDetailItem (TAB) there is a bounded task flow (BTF from ADFLib) that needs to receive employeeID.
The employeeID is used as a bind variable for each VO query shown in the tab. When the user clicks on a new tab, I want to receive the employeeID
in the BTF and set the bind variable in the VO and then let the BTF execute the query so when the tab doscloses it shows the VO results based on the new employeeID.
Note: it is the clicking of a tab that should accept the employeeID and set the bind variable so when the VO executes it correctly displays the results of the query in the newly opened tab. Currently I am using BTF Input Parameters to get the employeeID, which works ok. But how do I set the VO bind variable to the new employeeID before the BTF executes? Note: I know how to set VO bind variables with:
getParmsMap().put(bindVar, employeeID)
which I tried setting in the BTF Initializer. But this does not work. It seems ADF is processing somehow and does not like when I try to process my query within it's normal ADF lifecycle of disclosing the tab.
So when a new tab is selected to be opened, I need to accept the new employeeID, set the bind variables of the VO, before the ADF lifecycle kicks in to display the newly opened tab. When the tab is finally displayed by ADF, the VO query results should show the results based on the new employeeID.
How can I make this happen?
Any articles or sample code would be greatly appreciated.
Thanks much.

bump!

Panel Tabbed geting invisible

Similar Messages

Maybe you are looking for