Increase height of panelTabbed component

hi,
I wanted to increase the height of panelTabbed component using css. what is d class that i have to use ?

Or you have to skin the richShowDetailItem inside
Are you sure you want to do that? Usually you should just put it in some stretchning layout.

Similar Messages

Panel Stretch Layout is not a valid child of PanelTabbed Component

With reference to the use case shown here(' [Table with Header Left,Footer Right|http://www.oracle.com/technetwork/testcontent/thlfrpattern-083015.html] ") :
I tried to embed the table inside the tabbed pane.
Here is the code for the same:
<f:view>
<af:document id="d1">
<af:form id="f1">
<af:panelSplitter id="ps1" orientation="vertical" splitterPosition="47">
<f:facet name="first"/>
<f:facet name="second">
<af:panelSplitter id="ps2" splitterPosition="144">
<f:facet name="second">
<af:panelTabbed id="pt1">

<af:showDetailItem text="Embedded in a Tab" id="sdi1"/>
<af:panelStretchLayout id="psl1" bottomHeight="31em" topHeight="62em" >
<f:facet name="bottom">
<af:panelStretchLayout id="psl2" endWidth="103em">
<f:facet name="end">
<af:panelGroupLayout id="pgl2" valign="middle" halign="end" layout="horizontal" >
<af:commandButton text="Save" id="cb1" accessKey="S"/>
<af:commandButton text="Cancel" id="cb2" accessKey="C"/>
<af:spacer width="6" height="31" id="s2"/>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</f:facet>
<f:facet name="center">

</f:facet>
<f:facet name="top">
<af:panelGroupLayout id="pgl1" layout="horizontal">
<af:spacer width="6em" height="31em" id="s1"/>
<af:image source="/coffee.bmp" shortDesc="demo icon" id="i1"/>
<af:outputText value="List of Cool Employees" id="ot1"
inlineStyle="color:Black; font-weight:bold; font-size:large;"/>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:panelTabbed>
</f:facet>
</af:panelSplitter>
</f:facet>
</af:panelSplitter>
</af:form>
</af:document>
</f:view>
Inside the PanelTabbed Component I cannot insert the PanelStretchLayout component.
The error it is displaying is that the Panel Stretch Layout is not a valid child of the PanelTabbed Component.
Please let me know how can I embed the 'Table with Header Left,Footer Right' in case of a PanelTabbed Component as shown in the use case in the documentation.

Hi,
Yes, children of af:panelTabbed must be af:showDetailItem - these represent each tab. You then add further components (e.g. your panelStretch, table etc.) as children to the af:showDetailItem.
Looking at your code, you have a showDetailItem but the panelStretch is not inside it. In fact nothing is inside the showDetailItem as the XML tag is self-closed (i.e. has a / at the end). You need to remove the / and add a closing tag (</af:showDetailItem) after your panelStretch.
Change your code to something like this:
<af:panelTabbed id="pt1">
<af:showDetailItem text="Embedded in a Tab" id="sdi1">
<af:panelStretchLayout id="psl1" bottomHeight="31em" topHeight="62em" >
</af:panelStretchLayout>
</af:showDetailItem>
</af:panelTabbed>Alternatively in the JDeveloper Structure view you could drag the panelStretch onto the showDetailItem so that it shows it as a child.
Kevin.

Apply custom style to the first tab of af|panelTab component

Hi,
Could anyone please advice me how to apply custom style to the first and last tabs of af|panelTab component.
For eg- If I have 6 tabs and I want tab1 and tab6 to be in Red and rest of the tabs in blue, what should I add. Please advice.
Regards
Jeffry Roy
Edited by: Jeffry on Mar 8, 2011 4:45 AM

Hi Rishit,
Please let me know if you have applied Fix pacK3 for Xcelsius.
I have seen this issue in FP2, which got fixed in FP3. The workaround you can try is including a blank cell.
Thanks,
Amit.

Unable to switch between Tabs in a af:panelTabbed component

Hi all,
Good Day,
I am working on a POC which has 6 tabs in an af:panelTabbed component. All the tabs (af:showDetailItem components) are with the default properties.
While running the application it is working fine till one or two tab clicks but after clicking on 1 or 2 tabs , with the next tab click the application seems to be not responding
and I am getting the below error in the server logs.
*<UIXShowDetail> <broadcast> Event org.apache.myfaces.trinidad.event.DisclosureEvent[phaseId=INVOKE_APPLICATION 5,component=RichShowDetailItem[UINodeFacesBean, id=sdi4],expanded=true] was delivered to a showDetail already in that disclosure state.*
I am not sure what would have gone wrong. Please help me in this.
Thanks In Advance.

Hi paramu,
Thanks for your help. I haven't created bindigs for af:showDetailItem.
and in each tab I have created some tables from datasource and Name of each tab is different.
Regards
Phanindra.

Dynamic Tabs using the PanelTabbed component

I would like to use the PanelTabbed component which is bound to a managed bean to render tabs dynamically. The page will simply consist of a navigationTree on the left and the panelTabbed on the right. When the user clicks a node in the tree I would like to PPR the panelTabbed component to display the new tab. If you know of any examples or could point me in the right direction it would be greatly appreciated!
Thanks,
Matt

Hello Matt,
panelTabbed won't do for that, you're going to need navigationPane using "tabs" hint. The navigationPane should have a partialTriggers on the tree and its value should be a custom MenuModel instance that get populated from click made on the tree.
It's not overwhelming, but I fear there's some complexity in achieving what you want.
Regards,
~ Simon

How to increase height of IFRAME without refreshing its contents.

Hi,
I want to increase height of an IFRAME inserted in HTML,
presently i am doing this by specifying
var frameSrc = myFrame.src;
myFrame.height = newHeight;
myFrame.src = frameSrc;
but as this refreshes the IFRAME i can see the time lag in the loading of page specified as src of IFRAME.
Is there any better way to resize the IFRAME without reloading its contents.
Thanks in advance.

Why don't you add width and height where you had IFRAME tag?
<iframe id="hiddenFrame" name="hiddenFrame" src="/myWeb/blank.html" style="width: 100; height: 300; visibility: hidden"></iframe>

Vertical panelTabbed component

Hi all,
Is it possible to arrange ShowDetailItems inside a PanelTabbed component in vertical order. The default is horizontal. Is there a work around to make it appear in vertical order.
Im using Jdev 11.1.1.3.0
Thanks in advance.
Surangi.

I'd like to extend this question and ask if anyone has implemented vertically stacked auxiliary links as seen at the bottom of the Page Layout section of the RCUX guidelines (http://stux.us.oracle.com/blafstaging/blafPlus/VisualDesign/Shepherd/pageLayout_P_SSI.html) ?

Increase height of input feilds

HI ,
How to increase height of input feilds .
Thanks
Venky

Hi.,
There is no such property to increase input field height., but I think, Using themes and Forcing External Style sheet you can achieve this.,
check this article: [Custom themes for WDA|http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/7015b1f9-535c-2910-c8b7-e681fe75aaf8?quicklink=index&overridelayout=true]
also., Portal Theme in Webdynpro ABAP
http://wiki.sdn.sap.com/wiki/display/WDABAP/StylesheetforWDAwithoutintegratinginSAP+Portal
hope this may help u.,
Thanks & Regards,
Kiran

Autosizing Height in custom component

I'm recreating a component that kind of like a text area
control. I want it's height to autosize based on it's width which
is set by it's parent. For instance, say I include it in a
resizable window with 100% width, but I want it's height to adjust
based on how it wraps it's contents. The way I'm doing it now is to
set it's height inside it's "updateDisplayList" basically, I ignore
the unscaledHeight passed in and at the end of my updating, I set
this.height to what I want. Unfortunately, this causes a second
pass to updateDisplayList, which I don't like because my
updateDisplayList is expensive.
Is there a built-in component that works this way so I can
look at the source as a guide. From what I can tell, the TextArea
control does not autosize it's height.

Hi Raja
Please refer the link:
[Recent items - Tips to Customize |http://wiki.sdn.sap.com/wiki/display/CRM/Recentitems-Tipsto+Customize]
This will help you.
Regards
Leon

Setting a fixed width and a changing height for a component within a panel

Alright guys here's my next question. I'm now having trouble trying to figure out how to only resize the height of a JTabbedPane yet keep the width fixed. In other words, as the JPanel its in changes in size, I'd like to have the width of my tabbed pane stay a certain value yet let the height of it adjust to the panel's height as it changes. Is there a way to somehow extract the panel's height into a int or something and then when using the setPreferredSize() function simply implement this retrieved value into the function's height parameter? I've tried messing around with Dimensions and getHeight() functions and the sort but to no success. For instance, within the constructor of one of my JFrames using System.out.println(this.getHeight()); prints 0, when of course this is not the case in reality for the frame's height. The panel's changing size is due to the user resizing the window its in. In one of my previous threads in this forum I learned how to use a GridLayout (it was 2 rows and 1 column in size) to keep the height of the top area in a BorderLayout fixed, yet as the user resized the window, the layout would stretch the area width-wise accordingly. However, that was because I had 2 cells in the layout to control, and I know this wouldn't work with only 1. Any ideas?

You still apparently haven't read the tutorial on using Layout Managers to understand the capabilites of each Layout Manager.
For instance, within the constructor of one of my JFrames using
System.out.println(this.getHeight()); prints 0, when of course this is not the case in reality for the frame's heightComponents don't have a size until the GUI is visible on the screen. That is until you've done a pack(), or a setVisible( true ). You should never be using setSize().
Layout Managers use setPreferredSize() ,setMinimumSize() and setMaximumSize() as suggestions for determining the layout. Although most layout managers don't use all the suggestions, which is why you need to read the tutorial to find out how the layout managers work.
I'm now having trouble trying to figure out how to only resize the height
of a JTabbedPane yet keep the width fixedWell, I don't understand the requirement. The preferred size of a tabbed pane is equal to the preferred size of the largest tab added to the tabbed pane. So I don't understand the concept of artificially changing the vertical height.
Anyway reread the tutorial on "How to Use the Border Layout". Two of the 5 areas respect the width of the component but alter the height to fill all the available space.
If you need further help then you need to create a [url http://homepage1.nifty.com/algafield/sscce.html]Short, Self Contained, Compilable and Executable, Example Program that demonstrates the incorrect behaviour, because I can't guess exactly what you are doing based on the information provided.
And don't forget to use the [url http://forum.java.sun.com/help.jspa?sec=formatting]Code Formatting Tags so the code retains its original formatting.

How to override the default height of tree component...

Hi,
Can anyone please tell me how to override the default height of <af:tree> component.
Actual Problem:
I have a PanelBox in which I have a ShowDetail component. ShowDetail contains Tree component. When I click on ShowDetail item the Tree component have to be displayed. But, PanelBox is expanding to TREE default height(27.27 ems) instead of expanding to exact height of Tree.
How to manage this issue?
Thanks
-Sukumar

Did you already try
           <af:treeTable value="#{bindings.DashProjectPhasesDev.treeModel}"
                              var="node"
                              selectionListener="#{bindings.DashProjectPhasesDev.treeModel.makeCurrent}"
                              rowSelection="none" rowBandingInterval="0"
                         inlineStyle="width:810px; height:1100px;"> Check the last line with inlineStyle...
Julian

Stretching af:panelTabbed component

Hi All,
i am having a af:panelTabbed which contains 3 tabs the middle tab's width is quite large as it contains a table and also the height becaule it have table as well as form under it.
I have applied styleClass="AFStretchWidth" to the af:panelTabbed but it only stretches the width of the tab but ont height.
So how can i stretch the height as well as width of tabs...
-Thanks.

In the af:showDetailItem set the property StretchChildren to true...this should do it.
Regards
Grant Ronald
Author: Quickstart Guide to Fusion Development Oracle JDeveloper Oracle ADF

Auto height of a component

I have a simple "Label" component. I want to set its height
either to 0, or it's native height depending on a condition. Right
now I have
<mx:Label text="test" height="{condition?0:20}" />
How can I change 20 in the code to something which is the
label's native height?

Are you setting the height to zero just to hide your Label?
You could use some flag conditionals with the visible attribute.
Give your Label an id, like so:
<mx:Label id="label1" text="test"/>
Then, code some functions that toggle the visible attribute:
private function showLabel():void{
label1.visible = true;
private function hideLabel():void{
label1.visible=false;
or, you could do if-statement conditionals depending on what
triggers your label to show or hide

Increase Height of Logo Screen Area

Hi Gurus,
I have uploaded Logo and its compressed, as the length of the logo is little bit larger than the space provided, So I wanted to Increase the height of the Logo area.
How can i do that.
I have seen thtmlb_stand.css, I did not understand what to change to increase the height , by the ways is it the correct file to make changes or make changes anywhere else.
Thanks & Regards
Ajay

Hi deepak,
Thank you very much for your reply.
Deepak , I have increased the header length as you said, it increased the Header length.
But the problem is, thought the length of the header area is more, The picture(logo) which i upload,
its size is not increasing.
If I change a picture with more length, It cuts and displays only in the logo area, though the header is more.
Now, how to increase the picture length area.
In thtmlb.css, where i changed the Logo image, Here in the code, though i increase those pixcels below. 700px & 50px, still no change
How to increase the picture or logo area to display the complete logo?
Thanks
Ajay

How do i increase height of mc and keep its width?

i have a mc which seize is height = 150 and width = 2 (like a line).
i have a script which rotate this line and increases its length. this works, however i dont know how to keep the width so that it wil remain 2.
this is the scrip in as3 :
function rotateMoveClip_u(e:Event)
var target=(center.x);
e.target.rotation=((-target+45)/4)*1.25;
mc.height = Math.sqrt((target-75)*(target-75) + 150*150);
mc.width=2
//this line is is wrong
maybe using "height" and "width" is wrong?
thank you

Even though you rotate your line (to say, horizontal), you still need to adjust the height (because it's original orientation was a vertical line). So when you rotate the line so it's horizontal you do not update width, you still update height. Just leave width alone.
Same goes if your line was originally horizontal and you wanted it to be vertical. If the original width was 150 and height was 2 (horizontal line) and you rotate it 90 degrees to be a vertical line, you would not adjust height to make it a longer vertical line. You'd adjust width.

Increase height of panelTabbed component

Similar Messages

Maybe you are looking for