Tie Scroll bars of 2 Tree

Hi
I am facing a problem with the tree component. I have 2 adjacent trees arranged in a HBOX. When user vertically scrolls one tree , i want the other (2nd ) tree to also scroll automatically to the same scroll index. Secondly it might happen that Tree 1 and Tree 2 have different amount of children nodes.
Can anyone help me out.

I have no code to give you, but you could probably handle this in the scroll handler. Just check the scroll position in the one scrollbar, and then adjust the other accordingly.
http://livedocs.adobe.com/flex/3/html/help.html?content=controls_22.html
http://livedocs.adobe.com/flex/3/html/help.html?content=containers_intro_4.html
If this post answers your question or helps, please mark it as such.

Similar Messages

How to Hide Scroll Bars in Hierachy Tree?

Hi!
How to Hide Scroll Bars in Hierachy Tree?
Thanks!

when I populate the Tree Item with populate_tree(). I get a hierarchical tree. when the tree populates, two scroll bars (on it right and bottom) are displayed. Can I hide them?

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

Removing scroll bars from hierarchial tree

hi
scroll bar appears in the hierarchial tree ,even if it is not expanded to the fullest,
does anyone have any workaround for removing this scrollbar if the data is less
thanx
atul

Hi,
We also wanted to have the same thing,we tried to reduce the size of the report and tried to change the page size.
We did everything to remove that scroll bar and did not achieve it, hence we loged a case with SAP BO and they said " this is how the tool is".
But they took it as the enhancement request dont know what is the status on that.
Cheers,
Ravichandra K

Scroll bar in Tree item

hi
I would like to know if there is a way to get rid of the scroll bar in a tree item.. normally in other applications, windows explorer for eg. when the contents of the explorer is within the view, the scroll bar disappears automatically and when the contents exceeds the view, the scroll bar appears...
is it possible to change the line style of the tree nodes to doted or broken lines...
moreover.. is it possible to rename or edit a tree node just like windows explorer.. right now im calling another canvas on 'when-tree-node-activated' trigger..
i have written a search function just like the one in the forms object navigator... in forms 6. the hi-liter don't position itself if the search result exceeds the view.. it works in 6i.. i wish all the above queries can be met with 6i..
plz help.. thanx in advance

1) Scroll bars - scroll bars appear and disappear automatically based on the tree length when run over the web. Unfortunately there is no property for this in client-server
2) You cannt change the line style, just the icons
3) In order to rename or edit a tree node use
FTREE.SET_TREE_NODE_PROEPRTY you can use it to change the node label and node value
Hope this helps,
Candace Stover
Forms Product Management

Horizontal scroll bar not appeating in af:treeTable

We have an af:treeTable component in a popup with two af:column.
Issue:
1. af:treeTable is not showing horizontal scroll bar. When i set the width to a fixed value say 1000 on af:column c171, it shows scroll bar but the size is fixed.
This is not the solution, because if the length of #{node.TerrDimMemberHierarchy} exceeds this size again some portion of it becomes invisible.
Question:
1. How can i make horizontal scroll bar appear in tree table. And also it should grow or shrink depending upon the length of #{node.TerrDimMemberHierarchy}
data.
<af:treeTable rowBandingInterval="0" id="tt2"
fetchSize="25"
inlineStyle="width:38em; height:28em; border-width:1px; border-style:groove;"
partialTriggers="::dimensionDropDown ::searchButton ::cb5"
rowSelection="multiple"
value="#{backingBeanScope.ManageTerritoriesBean.dimensionMemberSearchTreeTableTreeModel}"
var="node"
visible="#{pageFlowScope.searchString != null ? (pageFlowScope.viewInHierarchyBtnLbl == null ? true : false) : false}"
columnStretching="column:c171"
binding="#{backingBeanScope.ManageTerritoriesBean.dimensionMemberSearchTreeTable}"
summary="#{salesterrmgmtterritoriesuiGenBundle['OLabel.AvailableDimensionMembers']}"
immediate="true"
selectionListener="#{backingBeanScope.ManageTerritoriesBean.dimensionMemberSearchTreeListener}"
styleClass="AFStretchWidth">
<f:facet name="nodeStamp">
<af:column sortable="false" id="c14"
rowHeader="unstyled"
headerText="#{salesterrmgmtterritoriesuiAttrBundle['ColAttr.Name.DimensionName.MOTTERRDIMENSIONSVL.NAME']}">
<af:outputText value="#{node.Name}" id="ot15"/>
</af:column>
</f:facet>
<af:column sortable="false" id="c171"
headerText="#{dlBndl.PATH}"
styleClass="AFStretchWidth">
<af:outputText value="#{node.TerrDimMemberHierarchy}"
id="ot16"/>
</af:column>
</af:treeTable>
Edited by: sekare on Aug 29, 2011 4:01 AM

can u remove the styleClass="AFStretchWidth" for af:column
AFStretchWidth is for table or treetable to stretch.. not for columns
<af:column sortable="false" id="c171"
headerText="#{dlBndl.PATH}"
styleClass="AFStretchWidth">

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>

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

Removing Scroll bar from Applet

My webpage is having different applets. One of my applet is
in a <TD> tag <APPLET CODEBASE .............
this applet shows a tree view. When I click a folder in tree
view it applies scroll bar instead of expanding.
I want to remove this scroll bar and want the space to expand
(instead of Scroll bars). Can anyone help me in that.
Thanks.

Hi Yomesh ,
If you want to enable the expand/collapse icon , then you can set the property named Show Tray of the page to yes and then test . By default the property meant for showing the expand/collapse icon is set to yes . You only need to enable the tray and check .
I did not get the requirement that you have with respect to scrollbar . Where is that scrollbar appearing that you want to remove?
Regards
Mayank

Scroll bar hidden by Jtree.setPreferredSize()

After a lot investigation, I have found that using the method setPreferredSize() for a JTree object has a strange side effect. In fact the vertical Scroll bar does not display.
In the following program, all works fine because the setPreferredSize() is commented out. Now if you get rid of the // in front of this line, then you will notice the the scroll bar has disappeared.
any idea ? Thanks. Here is my code.
import java.util.*;
import javax.swing.tree.*;
import javax.swing.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
public class TestSplit extends JFrame {
 private JPanel JFrameContentPane = null;
 private JPanel JPanel1 = null;
 private JScrollPane JScrollPane1 = null;
 private JSplitPane JSplitPane1 = null;
 private JTree JTree1 = null;
 private JTree JTree2 = null;
 private DefaultMutableTreeNode top =null;
 private DefaultTreeModel tM =null;
public TestSplit() {
 super();
 initialize();
public TestSplit(String title) {
 super(title);
 initialize();
private javax.swing.JPanel getJFrameContentPane() {
 if (JFrameContentPane == null) {
 try {
 JFrameContentPane = new javax.swing.JPanel();
 JFrameContentPane.setName("JFrameContentPane");
 JFrameContentPane.setLayout(null);
 getJFrameContentPane().add(getJSplitPane1(), getJSplitPane1().getName());
 } catch (java.lang.Throwable Exc) {}
 return JFrameContentPane;
private javax.swing.JPanel getJPanel1() {
 if (JPanel1 == null) {
 try {
 JPanel1 = new javax.swing.JPanel();
 JPanel1.setName("JPanel1");
 JPanel1.setLayout(null);
 getJPanel1().add(getJTree2(), getJTree2().getName());
 } catch (java.lang.Throwable Exc) {}
 return JPanel1;
private javax.swing.JScrollPane getJScrollPane1() {
 if (JScrollPane1 == null) {
 try {
 JScrollPane1 = new javax.swing.JScrollPane();
 JScrollPane1.setName("JScrollPane1");
 JScrollPane1.setMinimumSize(new java.awt.Dimension(70, 22));
 getJScrollPane1().setViewportView(getJTree1());
 } catch (java.lang.Throwable Exc) {}
 return JScrollPane1;
private javax.swing.JSplitPane getJSplitPane1() {
 if (JSplitPane1 == null) {
 try {
 JSplitPane1 = new javax.swing.JSplitPane(javax.swing.JSplitPane.HORIZONTAL_SPLIT);
 JSplitPane1.setName("JSplitPane1");
 JSplitPane1.setBounds(91, 8, 213, 251);
 JSplitPane1.setDividerLocation(100);
 getJSplitPane1().add(getJScrollPane1(), "left");
 getJSplitPane1().add(getJPanel1(), "right");
 } catch (java.lang.Throwable Exc) {}
 return JSplitPane1;
private javax.swing.JTree getJTree1() {
 if (JTree1 == null) {
 try {
 JTree1 = new javax.swing.JTree();
 JTree1.setName("JTree1");
 JTree1.setModel(tM);
 // JTree1.setPreferredSize(new java.awt.Dimension(78, 72));
 JTree1.setBounds(0, 0, 78, 72);
 } catch (java.lang.Throwable Exc) {}
 return JTree1;
private javax.swing.JTree getJTree2() {
 if (JTree2 == null) {
 try {
 JTree2 = new javax.swing.JTree();
 JTree2.setName("JTree2");
 JTree2.setBounds(8, 6, 91, 235);
 } catch (java.lang.Throwable Exc) {}
 return JTree2;
private void initialize() {
 try {
 try
 top = new DefaultMutableTreeNode("Liste des adh�rents");
 DefaultMutableTreeNode membre = null;
 for (int i=1;i<50; i++)
 {membre = new DefaultMutableTreeNode("Ligne #" + i);top.add(membre);}
 tM = new DefaultTreeModel(top);
 catch (Exception ex) {ex.printStackTrace();System.exit(0); }setName("TestSplit");
 setDefaultCloseOperation(javax.swing.WindowConstants.DISPOSE_ON_CLOSE);
 setSize(523, 328);
 setContentPane(getJFrameContentPane());
 } catch (java.lang.Throwable Exc) {}
public static void main(java.lang.String[] args) {
try {UIManager.setLookAndFeel ("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");}
catch (Exception e) {} // Can't change look and feel}
TestSplit f = new TestSplit("ScollTest with a tree");
f.addWindowListener(new WindowAdapter(){public void windowClosing(WindowEvent e) {System.exit(0);}});
f.setVisible(true);

For what it is worth -- I've observed this on my project, too.
I just setPreferredSize on the JScrollPane that held the JTree, rather than on the JTree itself.

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

On a Parallax Scrolling Page, How can I start the scroll bar at the bottom on page load?

Hello,
I'm working on a parallax scrolling animated page in Edge Animate, and it's a timeline of life on Earth. But we wanted to start from the bottom, or "Origin of Life" and then scroll up while our 'tree of life' animates in as the user scrolls up. We definitely know it's not good web etiquette to start at the bottom, but our client is determined. I am more of an animator than a web designer, but I was wondering how one might do this using a bit of code? We are using EC.Parallax.setup(sym); from Edgecommons for the parallax function, which is basically just tying the timeline animations to the scrollbar. I've already got the animations setup to go the right way but we don't want visitors to have to scroll to the bottom first, as they'll then see everything animated in reverse! In my google searches I found something called an Iframe that you can use, and then a flurry of responses on how horrible Iframe is. Thanks for your help, we really appreciate it!

Hi, Vizkid-
You can find the height of the document and then use window.scroll in your initialization function to default your scrollbar to the bottom of the page.
http://stackoverflow.com/questions/1145850/how-to-get-height-of-entire-document-with-javas cript
Hope that helps,
-Elaine

Missing Horizontal scroll bar in Side Bar of Firefox 4

When I use the FF4 Side Bar for my Bookmarks, I cannot see many of my '''Sub-Folders or read long link names''' because there is '''no Horizontal Scroll Bar'''. Instead, I must '''manually widen''' the Side Bar to see the longer link names or expanded Sub Fldr content. I do have a vertical scroll bar. There is no Horizontal Bookmark in the "Show All Bookmarks" either. I would think there would be a Horizontal Scroll Bar too for expanding the Trees. In CSS usage, that's practically basic Web Page design.

I've created a Bugzilla bug for this problem, vote for it there: https://bugzilla.mozilla.org/show_bug.cgi?id=661464

Question about transparent scroll bar?

i have a Tree with some data in it. Verticalscrollpolicy = "ON". HorizontalScrollPolicy = "ON".
When i click on one of my branches it expands, making horizontal width greater than the horizontal size of the Tree. The horizontal scroll bar springs into action, but the vertical scroll bar is still disabled because the data hasn't expanded that far vertically yet.
However, when the vertical bar is disabled, the text overlaps the vertical scroll bar, like the bar is clear or something. I don't want this. I want the bar to be opaque, so the text never shows through it, even when the vertical scroll bar is disabled.
any ideas? thanks!

anybody?

Scroll Bar Not Visible

New look utilizes a dark gray scroll bar on a black background. Older monitors (non HD) do not show it at all and tablet PC can't be viewed in sunlight. Really Spotify you didnlt think about making it a more contrasting color.

tutimm - NOW WE NEED JESUS CHRIST involved to get a scroll bar we can see?!!!! lol....this is terrible customer service. they should beta test this stuff omggggggggggosh. SOMEBODY gave SOMEBODY all artsy and crap WAY TOO MUCH power in this decision. And it's taken OVER A YEAR TO FIX because it costs too much or not enough people complaining. It functionally works and they don't realize HOW MANY TIMES I GIVE UP and just kill the SPOTIFY session out of frustration... I can't see to add a song to a certain playlist because HEAVEN HELP ME I have to find the scroll. so.....options? Clearly complaining here is NOT helping. So, seems we can always UNINSTALL and gripe on the way out. That's my next plan if this continues. Software without customer service won't survive. And there's plenty of other software NOT tied to facebook-google-yahoo-government tracking software ... They read these blogs looking for pitfalls they can avoid and can use Spotify's faults to springboard off of for a marketing campaign. Not hard to figure where this is heading.

Tie Scroll bars of 2 Tree

Similar Messages

Maybe you are looking for