Component on page not moving as vertical scroll bar is moved

All -
I have a mxml page that is a mx:Application. This page basically consists of a VBox
and a number of components included within that VBox. All but 1 of the components
within this VBox are built-in flex components. The one component that is not a built-in
flex component is the one that is causing me issues. The issue is happening when I run
the application, once running the vertical scroll bar appears on the right-hand side of the
page (as expected because I have quite a few items in my VBox). The problem is that as
I drag the vertical scroll bar from the top of the page to the bottom of the page, the custom
component within my VBox that I built is staying put (it's not moving with respect of the
movement of the vertical scroll bar). All of the built-in flex components that are within my
VBox are moving with respect of the movemnet of the vertical scroll bar as expected.
I appreciate any information that you can provide that will lead me in the right direction,
Thank you,
Wes

// THIS IS THE CUSTOM COMPONENT

Similar Messages

Page shift due to vertical scroll bar issue

I'm working through a vertical scroll bar issue in my design, using a ProjectSeven CSS page template. When testing the site in my browsers (FF/Safari/IE/Opera), and IF the scroll bar is not present, the entire page shifts to the left (the width of the scroll bar) when I click a link in the left column of my design. The page does not shift when the vertical scroll bar is present. Support at P7 suggested the following fix:
html, body {
height: 100.1%;
margin: 0 0 1px;
I've tried placing this markup in about ten different places but can't seem to find the right location in the code. Is it possible for someone in the forum to take a look at my page source and show me where/how to locate this fix?
See my test site at:
http://www.murcal.com/test_curvi_2.html
Thanks . . . .

PZ,
I'd like to place the fix where you've suggested, but that's the whole issue.
I simply don't know where my CSS ends (duh). Is it possible that you show me exactly where?
Hopefully this is the right section of my code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PVII Curvitude</title>
<link href="p7curvitude/p7CRVboxes982_2col.css" rel="stylesheet" type="text/css" />
<link href="p7curvitude/p7CRV08.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="p7pmm/p7PMMscripts.js"></script>
<link href="p7apm/p7APM10.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="p7apm/p7APMscripts.js"></script>
<link href="p7pmm/p7PMMh04.css" rel="stylesheet" type="text/css" media="all" />
<link href="p7pmm/p7PMMh07.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
I've tried placing it in about ten different places, but I'm wrong everytime.
Obviously, I'm a beginner trying to learn. I just can't seem to place it correctly.

Some new pages open without a vertical scroll bar...even tho the page is very long.

It only happens with one particular vendors website. They can't explain it. Most of their web pages work fine.
I selected an imbedded link from one page and a new browswer window opens and populates but there is no left margin vertical scroll bar. And there is lots of data below to view. CAnt get there from here.
Damon

Can you share the link to the page?
Does it make any difference if you change the zoom level, such as by holding down Ctrl and tapping the + key or the - key a couple of times?
New windows opened by a script can be customized by leaving out some elements. Presumably if they were doing that, they would know. However, just in case, you could prevent sites from removing the scrollbars from popup windows.
(1) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box that appears above the list, type or paste '''window_o''' and pause while the list is filtered
(3) Double-click the '''dom.disable_window_open_feature.scrollbars''' preference to switch it from false to true.
(The name of this preference is difficult to understand, but it means that Firefox will block the site from turning off scrollbars on a new window if set to true.)

Vertical Scroll bars in analysis - View all rows

Users want to see the whole report displayed in one page with only a vertical scroll bar. They do not want the up/down arrows. Is this possible in OBIEE?
Thanks.
Ad

To implement the solution, please do:
1. Change instanceconfig.xml file in <biee11g_install>\instances\instance1\config\OracleBIPresentationServicesComponent\coreapplication_obips1 as following
<Views>
<Pivot>

<DefaultRowsDisplayedInDelivery>75</DefaultRowsDisplayedInDelivery>

<DefaultRowsDisplayedInDownload>2500</DefaultRowsDisplayedInDownload>

<DisableAutoPreview>false</DisableAutoPreview>
<MaxVisibleColumns>5000</MaxVisibleColumns>
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
</Pivot>
<Table>

<DefaultRowsDisplayedInDelivery>75</DefaultRowsDisplayedInDelivery>

<DefaultRowsDisplayedInDownload>2500</DefaultRowsDisplayedInDownload>
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
</Table>
</Views>
3. Note the new elements added are the following to both <Pivot> and <Table>, the Pivot part controls Pivot view, and Table part controls Table View, my testing was done with Table View.
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
4. Restart Presentation Server from EM, then run your request, do excel export to verify.
Thanks...

Missing (Functional) Vertical Scroll Bars In IE 11.0 After Upgrade

We are in the process of upgrading our SharePoint 2010 Farm to SharePoint 2013. We have begun our database-attach upgrade and have not yet converted the "look and feel". (The SharePoint 2013 farm has the latest patches and fixes)
The sites have no customizations or custom code. Under SharePoint 2010 farm the sites render correctly in Internet Explorer 11.0, Chrome, etc. The migrated sites do not show the vertical scroll bars in Internet Explorer 11.0, but show correctly
in Chrome (Version 39.0). Both the original farm and new farm are using the default unmodified v4.master page.
I have tried searching in the forums for an answer and on the internet and I see references to .css and .js settings. I don't know if that is the issue.
Oh and we have tried the compatibility settings but they did not make any difference.
Any thoughts?

Hi Roger,
I recommend to verify the things below:
Please reset IIS and check if there is any application pool is not start in IIS.
Would you please capture the screenshot about missing Vertical Scroll Bars and let me know the URL address.
Also, please collect ULS log for further research:
Collect the ULS log:
•Enable Verbose logging via Central Admin> Monitoring> Reporting>Configure diagnostic logging(You can simply set all the categories with Verbose level and I can filter myself).
•Reproduce the issue for three times.
•Record the time and get a capture of the error message(including the correlation ID if there is). Collect the log file which is by default located in the folder: <C:\Program files\common files\Microsoft Shared\web server extensions\15\LOGS>. Compress
them to a zip file and send it to me via workspace
•Stop verbose logging.
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Problem getting vertical scroll bar in tree

Hi,
I am adding nodes to a tree control dynamically. But somehow,
a vertical scroll bar doesn't appear during the process. I guess,
somehow, the tree is not able to detect the change in the height,
hence, is not giving the vertical scroll bar. However, after a node
has been populated with the sub-nodes, when I close that node and
re-open it, then the scroll bar appears. I really need to fix it as
soon as possible. Plz help!
Thanks in advance,
Cheree

Seems like Flex 4 is working fine:
This is the updated code working on Flex 4.6 using XMLCollection:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" applicationComplete="application1_applicationCompleteHandler(event)">
    <fx:Declarations>
        
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.collections.XMLListCollection;
            import mx.controls.Tree;
            import mx.events.FlexEvent;
            import mx.events.TreeEvent;
            [Bindable]
            public var treeData: XMLListCollection=new XMLListCollection();
            private var hasRun: Boolean = false;
            //finalSrcList is the ArrayCollection that has value objects returned from data base by a remote object.
            public function populateTree(event:TreeEvent): void{
                if (hasRun == false){
                    hasRun = true;
                    var parentNode:XML=event.item as XML;
                    var temp:XML;
                    var i: int;
                    var finalSrcList: ArrayCollection = new ArrayCollection();
                    // Prepare source list
                    for (i=0; i<10; i++){
                        var item = new Object();
                        item.attribute1 = "attribute " + i.toString();
                        item.attribute2 = i.toString();
                        finalSrcList.addItem(item);
                    for(i=0;i<finalSrcList.length;i++){
                        temp= <node label={finalSrcList[i].attribute1} id={finalSrcList[i].attribute2} isBranch="true"/>;
                        event.currentTarget.dataDescriptor.addChildAt(parentNode,temp,0);
            protected function application1_applicationCompleteHandler(event:FlexEvent):void
                var rootItem: XML;
                rootItem = <root label="root" id="1000">
                    <node label="level1" id="2000" isBranch="true"/>
                    </root>;
                treeData.addItem(rootItem);
        ]]>
    </fx:Script>
    <mx:Panel width="600" height="250" paddingBottom="20" paddingLeft="20" paddingRight="20" paddingTop="20"
              verticalAlign="middle" horizontalAlign="center">
        <s:Label>
This is using XMLCollection
        </s:Label>
        <mx:Tree id="funcTree" height="100%" width="100%" dataProvider="{treeData}" labelField="@label" showRoot="false"
                 itemOpen="populateTree(event)" />
    </mx:Panel>
</s:Application>

Help with a vertical scroll bar issue with a List component

hi. i have a basic <s:list> that uses an XMLListCollection as it's data provider and a very basic itemrenderer. when a row in the list is clicked a function gets the list.selectedIndex then populates some text fields with more xml data. that all works fine.. the problem i have is that the vertical scroll bar on the list seems to be "clickable" - just like a row in the list. the scroll bar scrolls normally but when it's clicked the selectedIndex becomes -1 which is not helpful b/c the value -1 is passed to the XMLListCollection.
any ideas? cheers.

thanks but still problematic...surely the <s:List> component shouldn't return a value when the scrollbar thumb is clicked? i created a very basic list (see below) and made the list dimensions short enough so that there is a vertical scrollbar and found that when the scrollbar thumb is clicked the trace(event.currentTarget.selectedIndex) returns a number. that's annoying b/c i just want a selectedIndex value for a row that is clicked not the scrollbar.
any ideas to get around? cheers
<fx:Script>
<![CDATA[
protected function list1_clickHandler(event:MouseEvent):void
trace(event.currentTarget.selectedIndex);
]]>
</fx:Script>
<s:List x="162" click="list1_clickHandler(event)" y="276" labelField="@label" width="144" height="153">
<s:dataProvider>
<s:XMLListCollection>
<fx:XMLList xmlns="">
<node label="one"/>
<node label="two"/>
<node label="three"/>
<node label="four"/>
<node label="five"/>
<node label="six"/>
<node label="seven"/>
<node label="eight"/>
<node label="nine"/>
<node label="ten"/>
<node label="eleven"/>
</fx:XMLList>
</s:XMLListCollection>
</s:dataProvider>
</s:List>

Vertical Scroll Bars not wanted

I have read other messages, but I cannot figure out why the
vertical scroll bar still appears in IE even though there is no
content below. The bar is there but not useable. Is there some code
that will turn this off when not needed?

That's the way IE (and some other browsers) works. It always
draws a
vertical scrollbar. If the scrollbar is not needed, it is
"ghosted" and
not usable, as you have noticed. When the page's content
exceeds the
window height the ghosted scrollbar rises from the grave and
becomes alive.
Other browsers do not add a scrollbar until one is needed.
Some people
don't like this because the addition of the scrollbar removes
some space
from the window, making it a bit narrower, and page elements
that are in
some way positioned or sized in relation to the window's
width will
shift and/or change size slightly.
IE's solution prevents this content shifting at the expense
of devoting
part of the window to a non-functioning interface element
some of the time.
(It is my belief that either method of handling the vertical
scrollbar
is fine, and skilled designers will not create pages that
fall apart if
a scrollbar should appear where there was none before. For
the record, I
subscribe to the no-scrollbar-at-all-until-one-is-needed
doctrine.)
James M. Shook
http://www.jshook.com

Vertical Scroll bar not using all view port space

I'm developing an ADF application in 11g to be used on a PC and under the browser on an IPAD. My top page layout has a panel group layout of scroll. When the page renders in IE it does not consume all the available viewport. The vertical scroll bar stops about an inch above the bottom of the page. On the IPAD, when I have the device in portrait orentation, I only get about half the window area. I need to have the page render in all the available space on the viewport, especially on the IPAD. Can anyone tell me how I can get the page to render and take up all the available space in the viewport?

I did try that. I was having some issues with trying to put everything I had on the page inside of one. I think it actuall turned out to be something else. I was messing around with things on the page fragment. ADF was adding a scroll bar but not using the whole page to do so. I took the scroll panel off the page fragment and off of any other page fragment including the actual JSF page. When I set a large heigth for the page on my top panel group, which I had on the main page that contained the bonded task flow region, I got the browser to create the scroll bar for me for the whole page. It fixed the problem on the PC and it also fixed the issue I had with the page rendering on the IPAD. The IPAD now allowed the whole page to be scrolled by sliding your finger.

Why is there a vertical scroll bar with short page export from FW CS4?

When I view my exported page that is 400 pixels tall, I see a vertical scroll bar on the right of my IE7 browser even though the page is no where near the bottom of the browser. How do I eliminate that scroll bar?

Unfortunately this is not working in IE7. Below is my body tag (I edited the SLICES.XTT to prevent the margins) where I've added the overflow option:
body </style>
But I still see the vertical scroll bar with a 400 px image exported as html, see attachments.

At times when dragging the vertical scroll bar my computer screen oscillates up and down for some time before going blank or not responding to any clicks requiring a forced system restart. What is wrong?

Hi,
Suddenly while working with Firefox if I happen to drag the vertical scroll bar, a very abnormal behavior occurs. My screen dances up and down for a short time before either going black or getting restored but with no clicks working. The only way to resume is to force a restart of the system.
Any help would be deeply appreciated.
Thanks and Regards
Deepak

That didn't work. On trying to install a new driver I got the error the graphics driver could not find compatible graphics hardware. Is there anything else that can be done to at least prevent the hanging of the computer even if it means less features from Firefox being available?

On every website, my right vertical scroll bar is missing and all of my Toolbar bookmarks unless I minimize the window, click "view" and "full page." How do i get it back to NORMAL?

When I hit "full page" the right vertical scroll bar re-appears, but my bookmark toolbars, my bing bar, and pretty much the entire top 2 inches of my screen disappears. When all of these things are showing, the right vertical scroll bar disappears, and the entire webpage shifts to the right, so I can't see most of the right side of the page. How do I fix this?

Welcome to Safari 6 with:
. . t . . a . . b . . s . .
That are the size of tractor-trailer trucks!
There is no known way to get them smaller except when you get a lot they will "shrink-to-fit".

TileList does not recognize the size of vertical Scroll Bar

Hi,
I have a tileList with a custom vertical scroll bar that I made, the problem is that when the tilelist gets filled, it does not recognize that the vertical scroll bar width is not the default 16 pixels (I think the default value it's 16, but I'm not really sure) but 5 or 6 pixels, so the first time it gets filled it shows 3 columns of items (no problems with the rows). The columnWidth is set to 185, if I lower it to 180, it shows the 4 columns that I want it to show (instead of 3). I know that there is enough space because when I scroll down, and then scroll up, the fourth column appears. That's why I think that the TileList is not recognizing that the width of the vertical scroll Bar is less than the default width.
Does anybody know how to make it recognize the new width? And how is it that it has to take a scroll down to get it to recognize it.
Thank you for your help.
Sebasti'an Toro O.

Yeah, you can try signing up for DropBox - it's a free service that allows you to sync any files between your iPhone and your computer. More info here: http://www.dropbox.com/about

Vertical scroll bar on tab page.

Hello,
I have to show vertical scrollbar on my tab canvas.
I have one Content canvas on which I have 1 tab canvas with 8 tab pages.(sec1,sec2,sec3 ..sec8)
I have another tab canvas(kind of seb section for the above and each has 3 tab pages) like
Sec1 will have (sub sectiion tab canvas) which has again 3 tab pages 1.1,1.2,1.3 and soon
now on the third tab page of the sub section or second tab canvas, I need vertical scroll bar to fit number of fields which are more than the tab canvas size.
all are from the same data block
Could you please help me. i tried by creating staked canvas but no luck.
can you please let me know the procedure to be followed
Thank you in advance.

Could you please help me. i tried by creating staked canvas but no luck.What happened when you tried to use a stacked canvas?
If the items in the area you want to scroll are all in the same datablock you can set the Scrollbar properties of the block to be displayed. This will enable scrolling of the items that are within the specific block. If you items are assembled from more than block, then using a stacked canvas is a better option for enabling scrolling within an area.
Also, what is your Forms version?
Craig...

Vertical Scroll bar does not appear in table control

Hi ,
I have a table control with both vertical and horizontal scroll bars.
The data which comes is always more than 50 and the visible line size is 8.The vertical scroll bar
does not appear at times..but if i run the program again, it appears..
Sometimes it appears and sometimes no vertical scroll bar comes thought the data is more than the visible lines.
Any suggestions ? why is this happening?
Regards,
Sharadha

You have inserted data in the internal table and not "informed" the table control
In the PBO, use a statement like
DESCRIBE TABLE <itab> LINES <control>-lines.
Regards

Component on page not moving as vertical scroll bar is moved

Similar Messages

Maybe you are looking for