Tab Content Height

I have a spry tabbed panel on my site with four tabs. The
first tab has a little content, the second tab has a little more,
the third panel has a little content and the fourth panel has a LOT
of content. The problem is that when you are on tab 1 by default
when the page loads, the screen is pushed all the way down to the
bottom of how much content there is in tab 4 even though you are on
tab 1. So tab 1 has a HUGE amount of whitespace underneath it.
Shouldn't the height adjust based on whatever tab you are on at any
given time? If I specify a height in the CSS, it will obey it, but
if the content is longer then the specified height, then the
content text just gets cut off. ???
I just realized this is only happening in Firefox. IE behaves
as expected.

Hi ehaemmerle,
Is your tabbed panel widget in a table?
Several folks have run across this problem in FireFox.
Mozilla/FireFox seems to have a layout bug that is triggered when
you specify a height on the table and the content inside it
actually exceeds that height. Removing the height on the table
fixes the problem.
--== Kin ==--

Similar Messages

CF 9.0.1 cflayout tab - first tab - content height problem in IE 7

In IE 7, the first tab's height is incorrectly rendered - it is the combined height of the up/down arrows in the scroll bar instead of the tab's content. The rest of the tabs are rendered correctly. I am using IE 8, and changed the Document Mode to: "IE 7 Standards." It renders fine in IE 8 or even Quirks mode.
I'm not sure if CF 9.0.1 update created this problem. Can someone test this code on CF 9.0?
Here's a very simple test case - copy/paste this to a new .cfm file and take a look on IE 7 (or IE 7 Standards mode in IE 8)
<cfoutput><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style='height:100%;'>
<head>
    <title>CF Tabs Example</title>
</head>
<body>
</cfoutput>
<cfajaximport tags="cflayout-tab">
<cflayout type="tab">
    <cflayoutarea title="Tab 1">
        <cfoutput>
        <p>This is the first tab!</p>
        <p>This is the first tab!</p>
        <p>This is the first tab!</p>
        <p>This is the first tab!</p>
        <p>This is the first tab!</p>
        <p>This is the first tab!</p>
        </cfoutput>
    </cflayoutarea>
    <cflayoutarea title="Tab 2">
        <cfoutput>
        <p>This is the second tab!</p>
        <p>This is the second tab!</p>
        <p>This is the second tab!</p>
        <p>This is the second tab!</p>
        <p>This is the second tab!</p>
        <p>This is the second tab!</p>
        </cfoutput>
    </cflayoutarea>
</cflayout>
<cfoutput>
</body>
</html>
</cfoutput>

Correct. The first tab fully displays in IE 8 both compatibility mode and 'regular' mode when running on CF 9.0.0 (actually, maybe I should spell out: Coldfusion Server Developer 9,0,0,251028
and does not work in Coldfusion Server Enterprise 9,0,1,274733 as I stated.
I found some posts about making minor corrections to the "cflayout.js" but I think those were changes to the 9.0.0 scripts, because it was very different from the 9.0.1 cflayout.js script.
Bottom line - I "fixed" it by putting in the fix script into CFIDE\scripts\ajax\package\cflayout.js
And when I say the fix script it's almost the original 9.0.0 one, but I got it here:
http://forums.adobe.com/thread/565912?tstart=0
it was posted by "MrTee" on Feb 23rd in a reply.

I cannot access the PRIVACY menu from the Tools-Options menu to make changes to cookies and history. I can access every other menu on that page (General, Tabs, Content, Applications, Security, and Advanced. But Not PRIVACY. Please help.

I need to reset/change/clear my cookies, probably clear my cache, and change my history preferences. When I use the Tools-Options choice to bring up the appropriate menu (General, Tabs, Content, Applications, Privacy, Security,and Advanced) all allow me access to make changes (or not), the PRIVACY tab does not open up. It does no allow access to any info contained there in. It is like it doesn't exist or isn't even there. Also, in the Tools menu on the Firefox toolbar, both "Stop Private Browsing" and "Clear Recent History" are grayed out. What gives? Thank you for your help.

This can be caused by in incompatible/malfunctioning add-on. To test if this is the case follow the procedure in the [[troubleshooting extensions and themes]] article.

Display tab content in Developer Studio 7.1

Hello all,
I've updated to Developer Studio 7.1 and imported my Web Dynpro Project from 7.0. So far, so good!
But, if I want to display the tab contents of my main view, I only can see the content of the 1st tab in the View Editor.
How can the content of the other tabs be displayed in the View Editor? Double-Click on each tab doesn't work... Is there any trick?
Regards,
Jens

In the Outline view, right-click the "Tab" and select "Show".
Armin

Tab content is empty when tab is dragged

I have two TabPanes which can move tabs each other. This is the code of the TabPane which receives the dragged tabs from the user:
tabPane.setOnDragDropped(new EventHandler<DragEvent>()
            @Override
            public void handle(DragEvent event)
                final Dragboard dragboard = event.getDragboard();
                if (dragboard.hasString()
                        && TAB_DRAG_KEY.equals(dragboard.getString())
                        && DragBuffer.getDraggingTab().get() != null
                        && DragBuffer.getDraggingTab().get().getTabPane() != tabPane)
                    final Tab tab = DragBuffer.getDraggingTab().get();
                    tab.getTabPane().getTabs().remove(tab);
                    tabPane.getTabs().add(tab);
                    tabPane.getSelectionModel().select(tab);
                    event.setDropCompleted(true);
                    DragBuffer.getDraggingTab().set(null);
                    event.consume();
I noticed that when I drag the tab into the target TabPane the content of the tab is empty. But when I swith to the next tab of the target tabPane and return back I can see the content. This is couced by this line:
tab.getTabPane().getTabs().remove(tab);
Can you tell me how I can change the logic in order to prevent the empty tab body?
Ref javafx 2 - Tab content is empty when tab is dragged - Stack Overflow

This looks like a bug; I see the same thing in the context of your other thread. I can't seem to find a workaround. I have some sample code below which demonstrates the same problem without cluttering the code with drag and drop. This should move the selected tab in the bottom tapPane to the top tabPane ("Up" button) or the selected tab in the top tabPane to the bottom tabPane ("Down" button). When a tab is moved it is automatically selected; moving a tab to the top tabPane fails to show its content. (Strangely, moving a tab to the bottom tabPane works fine.) You should probably file a JIRA; reference this thread ("discussion" in the new forum-speak).
import java.util.Random;
import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TabSelectionTest extends Application {
@Override
public void start(Stage primaryStage) {
final TabPane tabPane1 = new TabPane();
final Random rng = new Random();
final int NUM_TABS = 4 ;
for (int i=1; i<=NUM_TABS; i++) {
    tabPane1.getTabs().add(createTab(rng, i));
final TabPane tabPane2 = new TabPane();
    for (int i=1; i<=NUM_TABS; i++) {
      tabPane2.getTabs().add(createTab(rng, i+NUM_TABS));
final Button moveToPane1Button = new Button("Up");
final Button moveToPane2Button= new Button("Down");
final HBox buttons = new HBox(10);
buttons.getChildren().addAll(moveToPane1Button, moveToPane2Button);
moveToPane1Button.setOnAction(new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        Tab selectedTab = tabPane2.getSelectionModel().getSelectedItem();
        tabPane2.getTabs().remove(selectedTab);
        tabPane1.getTabs().add(selectedTab);
        tabPane1.getSelectionModel().select(selectedTab);
    moveToPane2Button.setOnAction(new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        Tab selectedTab = tabPane1.getSelectionModel().getSelectedItem();
        tabPane1.getTabs().remove(selectedTab);
        tabPane2.getTabs().add(selectedTab);
        tabPane2.getSelectionModel().select(selectedTab);
    moveToPane1Button.disableProperty().bind(Bindings.isEmpty(tabPane2.getTabs()));
    moveToPane2Button.disableProperty().bind(Bindings.isEmpty(tabPane1.getTabs()));
    VBox root = new VBox(10);
root.getChildren().addAll(tabPane1, buttons, tabPane2);
primaryStage.setScene(new Scene(root, 600, 500));
primaryStage.show();
private Tab createTab(Random rng, int i) {
    Tab tab = new Tab("Tab "+i);
    Pane pane = new Pane();
    pane.setMinSize(600, 400);
    String style = String.format("-fx-background-color: rgb(%d, %d, %d);", rng.nextInt(256), rng.nextInt(256), rng.nextInt(256));
    pane.setStyle(style);
    pane.getChildren().add(new Label("This is tab "+i));
    tab.setContent(pane);
    return tab ;
public static void main(String[] args) {
launch(args);

Data tab content blank in debugging

Hello,
On sql developer 3222009
At debugging a plsql store procedure, everything is doing well but when the code go to an internal procedure the data tab content became blank.
Thnaks
Nelson

Jeff
Internal procedure that I mean is a procedure inside a procedure, like a inner procedure.
When we are in the "main" procedure the content appear normally but when the control of execution goes to one inner procedure, the content of the data tab is in blank, empty.
Thanks
Nelson

Content Height Problem

Hi all,
Just now i faced a Crazy problem....
When The flash content height is Over than 4000 My content is
not displayed correctly ... Say for example, i am having a Strip
with a Dynamic Text not more than that... I am displaying something
in the Strip dynamic text.... Well, i am duplicating the MovieClip
to generate some more clips,,, upto some points it s working
fine(With the same Code no change in the GUI also)
If the _y position exceed 4000 it creates problem, i can able
to view the Dynamic text but not the strips.....
can any one guess what s the problem here

Yes exactly i am talikng about pixel....
Terribily the problem is I can able to View the Dynamic text
in that area but not the Background Vector Rectangle...
I need more than this much of height, bcz i am Developing a
Hotel management Application...
in tha For 50 Employees(Consider minimum 40) for 7 weeks
means (Each employee is represented as a strip) so totally 350
strips, each strip height is 25 so 350x25 = 12,250 Approximately i
need this much of height, BCZ client don't want to put scroll on
flash....

Programatically disclosing tab does not cause tab contents to be displayed

I'm using Jdev 11g, update 2.
I have a page with a panelStretchLayout. The Start facet has a tree component. The Center facet has a panelTabbed component with 2 showDetailItems, each with different panelForms.
Manually clicking on the tabs shows the correct contents.
The tree has a SelectionListener mapped to a managed bean method. When a node is selected, the bean method sets one of the showDetailItems to disclosed.
There is PRR for the showDetailItems based on the tree.
This code does cause the right tab to become current. The problem is that the tab contents do not also display IF that tab was not previously the disclosed one.
An example:
Tree shows Departments & Employees, The first tab shows the selected Dept from the tree in a form, the other shows the selected Employee from the tree in a form.
When the page is run, the Dept tab is disclosed by default because it is the first one.
Select a Dept in the tree. The Dept tab remains disclosed and the correct Dept is displayed.
Select an Emp in the tree. The Emp tab become disclosed but it is blank. The Emp form does not appear.
Select a Dept in the tree to reset tabs.
Now manually click the Employee tab. The Employee formis displayed correctly with the last Emp selcted from the tree.
Select a Dept in the tree. Now the Dept tab becomes disclosed but it is blank.
My first thought was that this is a PRR problem with the tab children. But I've tried setting PRR on the panelForms so they are refreshed when the showDetailItems are refreshed. That didn't help.
I've also tried setting the rendered and visible properties for the tab child (form) programatically. No luck.
My current code for the selectionListener is:
public void setSelData(SelectionEvent selevt)
RichTree tree = (RichTree)selevt.getSource();
RowKeySet sel = tree.getSelectedRowKeys();
Iterator seliter = sel.iterator();
while (seliter.hasNext())
Object rowKey = seliter.next();
tree.setRowKey(rowKey);
FacesCtrlHierNodeBinding node =
(FacesCtrlHierNodeBinding)tree.getRowData();
String viewDefName = node.getHierTypeBinding().getStructureDefName();
if (viewDefName.contains("Dept"))
setSelDeptNo((oracle.jbo.domain.Number)node.getAttribute("Deptno"));
OperationBinding ob =
(OperationBinding)bindings.get("setCurrentRowWithKeyValue1");
ob.execute();
} else
setSelEmpId((oracle.jbo.domain.Number)node.getAttribute("Empno"));
OperationBinding ob =
(OperationBinding)bindings.get("setCurrentRowWithKeyValue");
ob.execute();
if (viewDefName.contains("Dept"))
panTab.getChildren().get(0).getAttributes().put("disclosed", false);
panTab.getChildren().get(1).getAttributes().put("disclosed", true);
empsTab.setDisclosed(false);
empsTab.setDisabled(true);
deptsTab.setDisabled(false);
deptsTab.setDisclosed(true);
} else
deptsTab.setDisclosed(false);
deptsTab.setDisabled(true);
empsTab.setDisabled(false);
empsTab.setDisclosed(true);*/
panTab.getChildren().get(1).getAttributes().put("disclosed", false);
panTab.getChildren().get(0).getAttributes().put("disclosed", true);
}

That was it. I don't need to set up PPR for the showDetailItems either - just the panelTabbed. I'll remember to walk up and try PPR on all the parent components next time. Thanks.

How to Display Repeat List In Spry Tab Content

Hello,
I am new to Spry. I thought I could just create an XML
dataset, Insert a Spry Tabbed Panel, and then insert a Spry repeat
list inside the Tabbed Content area of the Tabbed Panel. It is not
working at all for me. Is this doable at all? If so, how?
Thanks!

hi,
i have created an example in http://apex.oracle.com/pls/apex/f?p=44310:1:3623155419174978:::::
username/password: demo/demo
check, it may help you:)
*please mark the thread answered if it done:)
regards
Little Foot

How can the content height of an iWeb page be reduced below zero?

In some of my iWeb "Photo" pages, there is a large amount of white space, below the last photos, that I can not reduce. In Inspector/Page/Layout, Content Height is 0 px, but the unwanted bottom white space can be as great as the top space occupied by photos. The problem comes when double-clicking on a photo that resides near the bottom of the page: the new page opens at its TOP, but the enlarged photo can be in the white space at the bottom of the page. Scrolling up is then necessary EACH TIME just to view the enlarged photo.
My question, why is there empty white space at the bottom of my photo pages, and how can I get rid of it?

And it remains a puzzlement!
I followed your suggestions, but nothing changed: there is still excess white space below pictures in some of my albums.
Maybe the reason is that my domain files are not in User/Library/Application Support/iWeb folder. They are in User/Sites, and their are three of them now. When I first started using Web years ago, User/Sites is where domains were found and I had only two of them (my travel photos and the pages for my Mac user group, SMUG.net). Last March I added a third site, but by then iWeb no longer allowed creating more than one domain file. So SMUG and the new site co-existed in the second domain file. Eventually, I duplicated the domain file, deleted the SMUG site from one of the duplicates, and the new site from the other domain file. The result is that I got three domain files.
I don't think having three domain files caused the problem that I am having, as I did not add new photos to my travel domain until late May at the least, when my photos of Portugal were entered. And not all those Portugal photo albums have the excess white space below the pictures.
Do you have other suggestions I might try? As other strange happenings have been occurring now and then in my Mac, I've been considering reinstalling OS 10.6 for a while now.

Spry Accordian panel content height for more than 1 accordian in site

Hi,
I have added a couple of accordians to my website on different pages.
When I adjust the panel content height for 1 it automatically changes it for all of them on my site causing scroll bars to be visible - which I am trying to avoid.
I'm new to Spry coding and am not sure what to change.
Thank you for your help

This is a frequent question, in one form or other. It helps to understand that when you insert a Spry Widget, the associated javascript and CSS files are also added to your site files. And if you insert a second of the same type of Widget, DW checks and sees the original js and css files and does not add a second (or third). This is efficient, and also keeps your styling uniform across all instances of that Widget in your site.
If you want Widgets of the same type styled differently, you need to add to your CSS stylesheet style selectors that focus on those parts you want to be different.
Because Widgets are already ID'd, you can't add a new ID directly to the Widget <div> But you can wrap the Widget in a new div and put an ID on that.
Say you want two accordions on a page, one with panel content height of 100px and one with panel content height of 200px.
ID your accordions' wrapper divs: <div id="normalheight"> and <div id="doubleheight"> (use better descriptive IDs).
In the CSS stylesheet, do this:
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: auto;
#normalheight .AccordionPanelContent {
     height: 100px;
#doubleheight .AccordionPanelContent {
     height: 200px;
Be sure to add them directly after the given rule for .AccordionPanelContent; you are re-writing the height in that style selector for your two more specific accordions.
Beth

Links to spry tab content

Within one html file divided into Spry-tabs, I set a named
anchor in tab-content <div> of one tab and try to link to it
from within a different tab-content division of the same page.
Doesn't work - just sends me to bottom of division in the which
link is located. Surely this is doable -- Am I missing some simple
point?

bob_atlanta wrote:
> Within one html file divided into Spry-tabs, I set a
named anchor in
> tab-content <div> of one tab and try to link to it
from within a different
> tab-content division of the same page. Doesn't work -
just sends me to bottom
> of division in the which link is located. Surely this is
doable -- Am I
> missing some simple point?
You have to know which tab the anchor is within and then you
can show a specific tab. Check out the code on this page:
http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_unobtrusive.htm
FYI: Spry questions are probably best asked in the Spry
forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

I need more content height

It seems the maximum for the content height is 4000px, which isn't enough for me. Is there any way to get more content height? Does iWeb '09 have a different maximum content height?
Thanks

Jeffrey ~ +"To increase the default max height of an iWeb page, add a texbox and move it down beyond the 4000pixels perimeter."+
...Quoted from this old thread:
http://discussions.apple.com/thread.jspa?threadID=1686399
And found by doing THIS.

Editing spry tab content using adobe contribute 4

Hi Everyone,
We have used Sprytabs for different tabs section for there respective pages.
We are using Contribute CS4 for editing spry tabs content, But after study I have figured that we can't edit
sprytabs using Contribue CS4
Is there any way in contribute that we can edit Spry tab content in contribue CS4
Thanks in advance!
Rohit Yog

Spry widget editing is allowed from Adobe Contribute CS5 version only. Please refer to http://blogs.adobe.com/contribute/2010/06/spry_widget_rendering.html

Masked content height is counted!?

I'm building a new full-page flash site and I have a Flash
Scrollbar setup to automatically enable itself when the page
content exceeds the Stage.height. Pretty basic. The problem here is
that I have some components of this website, such as a image
gallery, that uses a "filmstrip" style display to show all of the
thumbnails. Again, basic concept with the clip of the thumbnail
images simply masked. The issue here is that the _height of those
thumbnail clips are included even though the content is masked! So,
if I load enough thumbnails, the masked content eventually gets
long enough to cause the scrollbar to appear even though the
content is masked and technically the scrollbar isn't needed! How
can I stop this _height from being counted? Seems pretty stupid
that the _height of that masked content is being counter. Any ideas
at all? Putting checks into the system for every component with
masked content to offset this problem would be very cumbersome. Any
help is greatly appreciated!
-Jason Kringen
[email protected]

Hey, I think I may have come up with an idea and have started
coding it. I unfortunately have to have the scrollbar pointed at
the very root container becuase this site if a 100% full flash site
that has multiple components/pages that can, at any time, exceed
the stage height and I need that scrollbar to automatically appear
when that happens. What I've started is created a static class
called MaskedContentRegistry that allows any movieclip to define
masked content that it is showing. The MaskedContentRegistry class
keeps a list of all masked content currently being displayed and
determines if in fact the "viewable" content actually exceeds that
stage height or not by calculating the difference between the mask
height and the masked content height, etc. Trying to finish that up
and it seems that that may solve the problem. Thanks again for the
help. :)
-Jason Kringen
[email protected]

Tab Content Height

Similar Messages

Maybe you are looking for