Help on Panel tabbed component

Hi everybody,
i have a panel tab with two show detail items in it.
on first show detail item, i have a button - when click should show second show detail item.
Can any help how to do this from a bean?
Thanks
KM.

Hi,
you can programatically disclose/close showdetailitem. see this http://www.youritbox.com/index.php?option=com_content&view=article&id=801&Itemid=399
~Abhijit

Similar Messages

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)) {
}

Moving the tabs to right of the jsf page in the adf panel tabbed component

Hi,
i want to move the tabs in the panel tabbed component to the right. In the property inspector of this component, it doesn't have an option called right. How can we do this?
Thanks,
sudan

Hi,
why there is no reply from the community? Does it mean, no one had any requirement like this before or it is not possible in ADF.
Thanks,
Sudan

Using Panel Tabbed component

Hi,
I am developing with ADF 11g.
I am using Panel tabbed component into a page and the 'ShowDetailItem' should be increased according to requirements, But I could just create three 'ShowDetailItems' in a page .jspx since it generates too much code. Is there any way to create multiple ShowDetailItems on a page (or to be displayed on a page) without generating too much code (because in these ShowDetailItems I handle lots of information and transactions)
Please helpme...
thanks.

No, what happens is this:
While adding more tabs to the panel, the code in the page .jspx increases which is logical, but hardly manageable, since that new requirements will add many more tabs quite content to the tabbed panel. What I want is not to generate too much code in my jspx page. How can I handle this?
thanks,

Panel tab component not stretching vertically

I have a jsff page.
I have two sections in the page .
1. top is a panel header and
2. below it is a panel tab component.(ADFStretchwidth is already set .)
When i ran the page the the page is renderring, but below the tab panel Still there are some space left .
I want to render the tab to occupy the whole space .
I have already tried using a panel stretch layout but it didnot work.
Any pointers ??
Thanks
Sumit Yadav

Hi Sumit,
Try as mentioned below:
<af:panelTabbed id="pt2" dimensionsFrom="disclosedChild">
<af:showDetailItem text="#{'Tab1'}" id="sdi1"
styleClass="AFStretchWidth" stretchChildren="first" >
</af:showDetailItem>
<af:showDetailItem text="#{'Tab2'}" id="sdi2"
styleClass="AFStretchWidth" stretchChildren="first" >
</af:showDetailItem>
</<af:panelTabbed>
Thanks,
Navaneeth

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 !!!!

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

JSF Tab component and Dynamic Faces AjaxZone

Has anyone tried to use a JSF Tab Component in a Dynamic Faces Ajax Zone. I would like to try to have a page that has a list of the alphabet, each tab being one letter and then adding terms an definitions to each tab. Do you have any comments or suggestions regarding doing this. I am at a loss as to how to make the tab component respond when clicking on it in the ajaxZone. any help would be appreciated. thnx

The Scales and Tomahawk libraries provides a tabbed panel.
But basically tabs are nothing less or more than a bunch of block elements layered over each other with the same amount of buttons or links at the top. If a tab click doesn't require a trip to the server, then you can just load all tab blocks at once and use Javascript+DOM to switch between tab blocks, e.g. one block should be displayed using element.style.display='block' and all other blocks should be hidden using element.style.display='none'. If a tab click require a trip to the server (to preinitialize stuff or so), then you can use the 'rendered' property of the tab block element (which can be <h:panelGroup style="display:block;" rendered="#{myBean.showTab == 1}" /> or so).
For styling of the tab blocks and tab buttons/links just use CSS.

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

Images in Spry Tabbed Panels Tabs

I am completely new to the Spry options in Dreamweaver and
need help customizing the Tabs in the Spry Tabbed Panel.
I would like to substitute the text in each tab for a
different image in each tab, and have each image change by using
behaviors, depending on the user actions (hover, select, etc.).
If you can provide samples of this, it will truly be
appreciated. Thanks

First add an ID to the tab as follows or similar
<h2 id="second">Tab 2</h2>
Then add a style rule to add a background image as follows or similar
.TabbedPanelsTab#second {
background:url(myImage.gif);
Gramps

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

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

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

Include a template in a WAD tab component

Hi all,
we are on WAD7
We inserted a tab component with three tabs in our template
On the first tab is a 'costs' graph
On the second tab is an 'income' graph.
Everything works perfect.
We can switch between the two graphs
Now we want to include another template on the third tab.
This does not work.
Is it a known problem?
Is it possible to include templates in the tab component?
Thanks for any help,
Hans

hi
include a template ?????
wat r u trying to inlcude, r u trying to run another query in same template in different tabs
then u need to bring in analysis item
assign data provider, create dataprovider2 and assign technical name of query2 to this data provider
assign this data provider to ur analysis item 2
is this wat u wanted to include in template.
let me know
assign points if this helps,
Edited by: kartikey on Jan 4, 2008 4:44 PM

Panel Tab issue with mandatory fields

So i have a requirement where i have Jsff page with paneltab and 2 showdetail, on one show detail i further ave panel tab with 5 show detail.
when i commit data on one tab its asking for other tab Mandatory fields and commitng the all tab data.
I did immediated=true on all tab, but it didnt help.
Can someone please help me onthis.
Thnks
RJ

Jaspal
Correct i have two level of tabs
Tab1 Tab2
under tab 2
Tab21,Tab22,Tab23,Tab24,Tab25
Tab21-tab25 have there own Taskflows which used differnt VO(based on diff EO) and 1-2 tab will have Trasient VO
So Tab 1 has Updatable VO with some mandatory Fields. When i come to screen i saw two tabs Tab1 and Tab2
I clcik on Tab 2 i saw Tab 21-25...When i commit some data on Tab21, its asking for mandatory fields of Tab1
I hope i am clear..let me know if you need some other info
Thanks for help
RJ

Help on Panel tabbed component

Similar Messages

Maybe you are looking for