Flex Tree Vertical Scroll Bar Issue

When i click on the + image of flex tree than first time the vertical scroll bar is not coming but when when i minimize it and again click on + than it appears can any one tell me what is the issue??

Hi Rob,
I have tried changing styles of those div's in which I have my dropdown's are there but it didnt work.
Below is the code for reference:
<div class="k-animation-container km-popup" style="width: 250px; height: 206px; margin- padding- padding-right: 10px; padding-bottom: 15px; display: none; "><div class="k-list-container k-popup k-group
k-reset" id="MaintenanceType-list" data-role="popup" style="height: 200px; display: none; font-family: 'Segoe UI', Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 244px; -webkit-transform: translateY(-206px);"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="MaintenanceType_listbox" aria-live="off" style=""><li tabindex="-1" role="option" unselectable="on" class="k-item"></li><li tabindex="-1" role="option"
unselectable="on" class="k-item">AUX - Accessories belonging to EA group</li><li tabindex="-1" role="option" unselectable="on" class="k-item">ARL - Artificial Lift</li>
Regards,
Jyothi

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.

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>

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>

ADF vertical table scroll bar issue when many records.

Good morning!
I am using Oracle JDeveloper version 11.1.1.6.0.
I have a search form and a simple ready-only table displaying about 1 million of records.
At the top of my search form, I have navigation buttons (First, Previous, Next, Last).
So when I click for example on the Next button, my table will highlight the next corresponding row as expected.
But here is the issue. When I click the Last button, the vertical scroll bar of the table does not scroll (automatically) to the end and display to me the very last row of my table.
How can I achieve this? When I manually scroll to the last row, I would find it highlighted but I need the vertical scroll bar to react on Last and First buttons click even though I have a big number of rows.
What should I do?
Any suggestion will be very much appreciated
Life.

Hi Frank,
I have found the answer. Here it is for anyone who would ever have or meet the same issue.
In Jsf table property inspector
I binded my table to my java bean (I called it myRichTable).
I added the First and Last buttons as partial triggers of my table
In java bean
In my last() method I encluded the following line of code: myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_LAST).
And in the first(): myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_FIRST);
Thanks!

Vertical scroll bar in a tree node

Hi Friends,
I am trying to create a tree in Apex 4.0. I need a vertical scroll bar in my tree nodes if the no: of values is greater than 8. For example i am having a tree with customers and sites. When i press the customers it will list the sites under that customer. I need a vertical scroll bar to be displayed for sites if the no: of sites is greater than 8, so that i can limit the size of the tree. Is there any ways to achieve this in Apex 4.0. Any input for this will be appreciated.
Thanks,
Nav

Hi,
My test page was upgraded to version 4 along with the rest of the OTN workspaces. I still have access to the tree template but can not guarantee how long that will last as I have no idea behind the reasoning for removing access to new tree's templates. You can access existing old trees by changing the app:page in the URL to 4000:28 - but, note, that new Apex 4 trees are not included on this page as they are generated by widgets not by templates.
For my old tree, to add the scrolling around the entire tree, I edited the tree's template - by clicking on the Tree link in the region - and added the following at the top of the "Before Tree" setting:
<div style="height:200px; width:300px; overflow-y:auto;">and add the following to the bottom of the "After Tree" setting:
</div>I have not, as yet, been able to find a way of adding scrollbars within a list when there are more than x number of entries.
Andy

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

Vertical Scroll Bar Listener

I'm guessing this isn't possible, but I'm not willing to give
up yet!
I've got a datagrid that occasionally has a vertical scroll
bar. Whenever the scroll bar shows up, it crops one of my columns.
I know that datagrid columns cannot have percentage based widths,
which causes the issue I'm having. I thought the workaround might
be to add a creationComplete function to the datagrid and then set
the datagrids width using that. There is just one problem, the
datagrid does not "see" the entrance of the vertical scrollbar. So
when Flex is setting the width of the datagrid internally, it's not
accounting for the scrollbar.
Hope that makes sense. What I'm hoping is possible, but have
been unable to find any documentation on is to somehow listen for
the scrollbar which would allow for something like the "code"
below.
Any thoughts on this? I really appreciate any and all
help.

I'm guessing this isn't possible, but I'm not willing to give
up yet!
I've got a datagrid that occasionally has a vertical scroll
bar. Whenever the scroll bar shows up, it crops one of my columns.
I know that datagrid columns cannot have percentage based widths,
which causes the issue I'm having. I thought the workaround might
be to add a creationComplete function to the datagrid and then set
the datagrids width using that. There is just one problem, the
datagrid does not "see" the entrance of the vertical scrollbar. So
when Flex is setting the width of the datagrid internally, it's not
accounting for the scrollbar.
Hope that makes sense. What I'm hoping is possible, but have
been unable to find any documentation on is to somehow listen for
the scrollbar which would allow for something like the "code"
below.
Any thoughts on this? I really appreciate any and all
help.

Text editing window expands instead of creating vertical scroll bar

In the last few days, I have noticed that when I try to edit or post to Wordpress.com the vertical scroll bar no longer appears on the text editing box. Instead the box just gets progressively larger which makes it very difficult to get to other items on the WordPress editing screen, such as tags and categories. This problem seems to have arisen during the v31.0 auto-upgrade. Is anybody else having this issue and what steps can I take to solve it? (FYI, I tried modifying the setting described in another response about a similar issue using the about:config screen, with no success.)

I don't know whether your dashboard has the "Visual" and "Text" buttons, but I believe the Visual uses CKEditor or another WYSIWYG editor and the Text editor might be a simpler design. Are both affected?
I searched around to see whether I could find Wordpress.com support threads or other stories about it and I can't. So I'll fall back on some general suggestions:
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
"3-bar" menu button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site:
* right-click and choose View Page Info > Security > "View Cookies"
* (menu bar) Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove WordPress.com cookies without affecting other sites.
Then try reloading the page. Does that help?
To rule out extensions as a possible culprit, could you try the site in Firefox's Safe Mode? That's a standard diagnostic tool to deactivate extensions, some advanced features, and some custom settings. More info: [[Troubleshoot Firefox issues using Safe Mode]].
You can restart Firefox in Safe Mode using either
* "3-bar" menu button > "?" button > Restart with Add-ons Disabled
* (menu bar) Help menu > Restart with Add-ons Disabled
Note: Flash and other plugins still run
After Firefox closes, a small dialog should appear: click "Start in Safe Mode" (''not'' Reset)
Any difference?

Focus vertical scroll bar in report div

Hi everyone,
I just want to know if the issue has been resolved by someone :
I have a report within a div and a vertical scrolling bar to scroll the rows. When I click on a row of the report the row is highlighted. Now, if the clicked row is at the end of the report, the scrolling bar goes up, and the user has to scroll down to see the selected row. So how to focus this scrolling bar once the user clicks on the row ?
I guess I have to compute the id of the selected row times the row height and send this value to the css parameter of the scroll bar (but AFAIK there's no such parameter in css for positioning a scroll bar) ... Someone has came up with a solution ?
Best regards,
Othman.

Thanks a lot Andy,
I didnt' know about the scrollTop attribute. So for those how are interested : Each time I click on a row, I store the scrollTop position in a Hidden field. On each body onload, I call a javascript function to position the scroll bar of the div like this :
getElementById.("mydiv").scollTop = html_GetElement('P1_SCROLL_ID').value;
Regards,
Othman

How to fix double vertical scroll bar in responsive output

After implementing the solution provided for the question 'Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?', the function bar in output does not appear and also another vertical scroll bar in the output. I edited the max-width value in the layoutfix.min.css file and fixed the function bar issue. How can I do away with the additional vertical scroll bar?

I've looked into the issue.
@Delennish: In your case, the size of the iframe is too large, or you have an extra empty element below the iframe. You can try 2 things:
1. Best solution but may have side effects: In the main.css, add the following code:
div.contentholder { overflow: hidden !important;}
For this option, please check for undesired side effects.
2. Works, but is ugly: In the main.css, add the following code:
div.floatholder iframe.wTopic { height: 95% !important;}
Try playing with the height setting until the 2nd scrollbar disappears.
@CarolW: The layout you're using is very old. I've made a new responsive layout with TOC only. Please use that one instead: http://www.wvanweelden.eu/sites/default/files/attachments/Theme1_Standard_TOC_Only.zip (I'll update my site with this new version later.)

How to Enable to vertical scroll bar in a table control

Hi,
I have created a table control with a wizard and later did some modifications on it. Problem I have now is that the vertical scroll bar is disabled on this table control. The end user wants to enter as many rows as possible, however as the scroll bar is disabled, he is not able to add the rows at the end (of the visible table control area).
How do I enable the vertical scroll bar of the table control?
Please help.
Thanks,
Vishal.

Hello Vishal,
In PBO.
Create a Module and in the module increment the value of tbcl-lines.
ex:
Data : L type i.
IN PBO.
MODULE vertical_scroll_bar.
MODULE vertical_scroll_bar.
DESCRIBE TABLE itab lines L.
<table control name>-lines = L + 10.
ENDMODULE.
Hope this solves your issue.
Cheers,
Suvendu

Vertical scroll bar disappears when I minimize the screen

I have Firefox 10.0.2. I do have a vertical scroll bar with both the up and down button; however, they all disappear when I minimize the screen. When I am in Ancestry, for example, when I minimize I get a horizontal scroll bar but there is no vertical scroll bar. I have no clue what to do. I minimize screens a lot when I am in Ancestry and it gets very frustrating. Can anyone help?

Hi,
Please check if this happens in [https://support.mozilla.com/en-US/kb/Safe%20Mode Safe Mode].
[http://kb.mozillazine.org/Problematic_extensions Problematic Extensions]
[https://support.mozilla.com/en-US/kb/Troubleshooting%20extensions%20and%20themes Troubleshooting Extensions and Themes]
[http://support.mozilla.com/en-US/kb/Uninstalling+add-ons Uninstalling Add-ons]
[http://kb.mozillazine.org/Uninstalling_toolbars Uninstalling Toolbars]
Safe mode disables the installed '''Extensions''', and themes ('''Appearance''') in '''Tools''' ('''Alt''' + '''T''') > '''Add-ons'''. Hardware acceleration is also temporarily disabled - the manual setting is '''Tools''' > '''Options''' > '''Advanced''' > '''General''' > '''Use hardware acceleration when available'''. [https://support.mozilla.org/en-US/kb/Options%20window%20-%20Advanced%20panel?as=u Options > Advanced]. All these settings/add-ons can also be individually or collectively disabled/enabled/changed in Firefox normal mode to check if an extension, theme or hardware acceleration is causing issues.
If the problem persists, you can also try disabling the '''Plugins''' in Tools > Add-ons temporarily to check.

Why do I have 2 Vertical Scroll Bars and 1 Horizontal one

Can anyone tell me from the code below where I am going
wrong. I have an AP Div inside an AP Div that has text content and
the overflow is at Auto which gives me a horizontal scroll bar but
also 2 vertical scroll bars instead of one in Firefox. What is the
reason for this? I hope someone can help me - here's the code:
<div id="apDiv6"><img src="frame.jpg" alt="Frame"
width="518" height="335" /></div>
<div id="apDiv23">

Hors d'Oeuvres 
Soupe........... Soupe
a l'oignon
gratinée............................................
$6.75 
Onion soup 
Soupe du Jour ..........................
$5.25 
Soup of the day 
Les entrées
froides........... 
Huîtres du
Jour.....................La Pièce $1.85 

Oysters (served with Champagne shallot
vinegar) 
Salade et fromage, vinaigrette à la moutarde de
Dijon........ $6.00 
Mixed salad with feta cheese, Dijon mustard
vinaigrette 
Salad frisée aux lardons et oeuf poché..........
$7.95 
Frisée salad with bacon and poached egg, sherry
vinaigrette 
Salade de crabes, concombre et betterave, sauce
aïoli......$8.50 
Crab salad with golden beet and cumcumber, aioli
sauce 
Foie gras cuit au torchon et
toast........$14.50 
Les entrées chaudes...... 
Moules Marinières................$9.00 
Steamed Mussels Marinieres, White Wine and garlic (Side
French fries $2.50) 
Poêle de ris de veau et épinards, jus au
romarin..........$9.50 
Sautéed sweetbread with spinach, rosemary
jus 
Escargots de Bourgogne au beurre d'ail et
persil..............$7.50 
Escargots from Burgundy in garlic parsley butter (plate
6) 
Les Plats 
Légumes........ 
L'assiette végétarienne du Chef...............
$14.90 
Chef Vegetarian 
Red beet raviolis wih parmesan cheese and seasonal
vegetables, mushroom jus 
Poisson 
Pave de saumon, purée de pommes de terre et
épinards, sauce homard et vin blanc...... $16.50 
Steamed salmon with mashed potatoes, spinach and mussels,
white wine with lobster sauce 
Filet de bar meunière, poireaux caramélisés,
sauce grenobloise.....$16.75 
Sauteed bass served with caramelized leeks, Grenobloise
sauce 
Tronçon d'espadon legumes de saison couscous, safran
orange sauce.... $17.95 
Sauteed swordfish with couscous and spring vegetables, orange
and saffron sauce 
Viandes et volailles...... 
Boeuf Bourguignon et purée de pommes de
terre..........$16.25 
Beef Bourguignon sered with mashed
potatoes 
Suprême de poulet, ragoût de macaronis poireaux et
chanpignons, sauce orange... $15.50 
Roasted chicken breast, leek mushrooms macaroni ragout orange
sauce 
Lapin façon Normande............$17.25 
Rabbit Normandy served with Peruvian mashed
potatoes 
Le Cassoulet toulousain Maison...........$21.00 
Home Made Cassoulet with beans (Duck leg Confit, port,
Toulouse sausage) 
Jarret d'agneau braise 6 heures, blettes jus d'agneau et
romarin.....$23 
Lamb shank braised for six hours served with swiss chard,
rosemary lamb jus 
New York steak, french fries, shallot red wine
butter 

</div>
Thank you for helping!

Hi,
This is a problem with firefox. It will always show
scrollbars if the div's css property of overflow is set to anything
except none.
Gaurav
www.gauravchandra.com

Vertical scroll bar disappeared

Vertical scroll bar gone--most annoying when trying to use my google calendar. I read the help responses and couldn't figure out what to do.

This issue can be caused by the Babylon Toolbar extension
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
Start Firefox in [[Safe Mode]] to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Flex Tree Vertical Scroll Bar Issue

Similar Messages

Maybe you are looking for