ScrollBar of nested containers

Look at this simple component:

<? XML version = "1.0" encoding = "utf-8"? >
"" < mx:VBox xmlns:mx = ' http://www.adobe.com/2006/mxml " width ="400"height ="300"horizontalAlign ="center">
< mx:Label text = "Title" / >
< mx:Box id = "gridBox" width = "100%" height = "100%" >
< mx:DataGrid id = "grid" height = "100%" width = "100%" >
< / mx:DataGrid >
< / mx:Box >
< mx:Button label = "Button" click = "grid.width = grid.width * 2" / >
< / mx:VBox >

When I click the button, the grid grows larger that the component and a scroll bar appears at the level of the components: in other words, it scrolls the title, the grid and the button.
I want to force the scrollbar to appear inside gridBox, while only the grid be affected when scrolling.
How is that possible?

Thank you
Luca Bortot

I'm not explaining myself clearly: I want to leave the grid are growing and pan on it through its container direct scrollbars.
Yet, your index won: I put the * width of the container * a (related) "fixed" value and he did.

Thank you

Tags: Flex

Similar Questions

  • Most of the controls in StackLayout and other at DispositionAbsolue

    Hey. I have a QML page with several controls that I want to keep the default layout of the battery, but I want to have one absolutely positioned on the top of the page, floating above the other controls. How can I make cela pls?

    Cheers, appreciate the help

    Justin D.

    You can nest containers, and each can have its own layout adjustment, so I would do something like:

    Page {
       Container {
          Layout: AbsoluteLayout{}
          SomeControl {
             layoutProperties: AbsoluteLayoutProperties {
                positionX: 0
                positionY: 0
             }
             preferredHeight: 50
             minHeight: 50
             maxHeight: 50
          }
          Container {
             layoutProperties: AbsoluteLayoutProperties {
                positionX: 0
                positionY: 50
             }
             preferredHeight: Infinity
    
            // ---This Container will default to Stack layout. Put the rest of your controls here.
          }
       }
    }
    

    This will be 'SomeControl' at the top and force its height 50 pixels. Below, starting just below "SomeControl" the rest of the controls will be at the disposal of the battery. If you want the lower scrolling controls, but 'SomeControl' which will be fixed at the top you can change the code above like this...

    Page {
       Container {
          Layout: AbsoluteLayout{}
          SomeControl {
             layoutProperties: AbsoluteLayoutProperties {
                positionX: 0
                positionY: 0
             }
             preferredHeight: 50
             minHeight: 50
             maxHeight: 50
          }
          Container {
             layoutProperties: AbsoluteLayoutProperties {
                positionX: 0
                positionY: 50
             }
             preferredHeight: Infinity
    
             ScrollView {
                scrollViewProperties {
                   scrollMode: ScrollMode.Vertical
                }
                Container {
                   // ---Stack layout. Put the rest of your controls here
                }
             }
          }
       }
    }
    
  • TextArea border

    Using WebWorks and BBUI.js, it was easy to include a text box with a light, around the border for the text boxes.

    Given that I spent in waterfalls, I have not found an easy way to do that is part of the framework. I guess I can use a text box that is not editable and look in the creation of a custom border of nine slices. Or y at - it an easier way?

    Here is an example.

    I am referring to the light, lap race around information groups such as around the elements of list of "Superman" and "Batman."

    Thank you!

    Fix. Containers are containers for general purposes for other widgets, and they take over the images or background colors. If you want both a slice for a border * and * a separate background image that you can not put in this image of nine slices for some reason, you will need a pair of nested containers to do, or you can have a container with the image of the border as the 'background' property and use an ImageView as one of the children for the real background. (Or vice versa, perhaps.)

  • Change of the style of the button created dynamically another button click

    Hi all

    I worked on a small project at home, learning Flex and Actionscript I'll (he is great, BTW) and have hit a block.

    I'm building a screen with nested containers (HBox, VBox, tiles, etc.) eventually hold a number of dynamically created buttons. It all comes from a file of XML data using loops For. Each button is assigned a unique ID.

    My problem is that I have a set of buttons in an Accordion component. Each button accordion relates to a dynamically created button already on the screen. Thus, 'Step 1' on the accordion can refer to "part 5". This info is organized as a string in the .data step button. If a user clicks on the 'Step 1' button, I want to change the style of "part 5", so I need to be able to reference these buttons according to XML in step 1 data.»

    I tried to use the normal setStyle, but appears not to work because I can not convert a 'Part 5' representation to the real dynamically created "5" the component button.»

    So my question you fine people is: " How to change a button dynamically created on the other only a string that represents the ID of the button?'." "

    If all goes well, there is a simple way to do this (without having to navigate a tree of components). Any help would be appreciated to a new learner in Flex. If you need more info on the problem, please let me know.

    Thank you...

    Thush

    Edit: I think that the answer is perhaps in this thread here. That said to use a table associative to contain the ID of the components during the creation time and to use the table to make reference to them later. I will try that and see if it works. Fingers crossed!

    Edit 2: I cracked! First of all, I used a dictionary to store the array of objects. This used the Dictionary package (imported) and the creation of the Dictionary object.

    Then I added my dictionary objects when they are created.

    Finally, I have the buttons using the object dictionary based on a known ID string of the reference.

    Hi all

    I worked on a small project at home, learning Flex and Actionscript I'll (he is great, BTW) and have hit a block.

    I'm building a screen with nested containers (HBox, VBox, tiles, etc.) eventually hold a number of dynamically created buttons. It all comes from a file of XML data using loops For. Each button is assigned a unique ID.

    My problem is that I have a set of buttons in an Accordion component. Each button accordion relates to a dynamically created button already on the screen. Thus, 'Step 1' on the accordion can refer to "part 5". This info is organized as a string in the .data step button. If a user clicks on the 'Step 1' button, I want to change the style of "part 5", so I need to be able to reference these buttons according to XML in step 1 data.»

    I tried to use the normal setStyle, but appears not to work because I can not convert a 'Part 5' representation to the real dynamically created "5" the component button.»

    So my question you fine people is: " How to change a button dynamically created on the other only a string that represents the ID of the button?'." "

    If all goes well, there is a simple way to do this (without having to navigate a tree of components). Any help would be appreciated to a new learner in Flex. If you need more info on the problem, please let me know.

    Thank you...

    Thush

    Edit: I think that the answer is perhaps in this thread here. That said to use a table associative to contain the ID of the components during the creation time and to use the table to make reference to them later. I will try that and see if it works. Fingers crossed!

    Edit 2: I cracked! First of all, I used a dictionary to store the array of objects. This used the Dictionary package (imported) and the creation of the Dictionary object.

    Then I added my dictionary objects when they are created.

    Finally, I have the buttons using the object dictionary based on a known ID string of the reference.

  • Nested in ScrollView containers

    Hey guys,.

    I make a list of containers that I'm trying to display on the screen, with the ability to scroll to the bottom of the list. I have a number of containers, which are all added to a container operation that I then put in a ScrollView. Container operation is much too big for the screen, but does not scroll, even inside the ScrollView.

    I know that there is already a ListView that does almost exactly what I need, but I need a much more dynamic access to modify the list as ListView offers.

    Here is a basic version of the code that I am running:

    Container* mainContainer = new Container();
    Container* listContainer = new Container();
    
    Container* headerContainer = new Container();
    Label* headerLabel = new Label();
    headerLabel->setText("Header");
    headerLabel->textStyle()->setFontWeight(FontWeight::Bold);
    headerLabel->textStyle()->setFontSize(FontSize::XLarge);
    headerContainer->add(headerLabel);
    
    for(int i = 0; i < 100; i++){
        Label* label = new Label();        Container* labelContainer = new Container();
        label->setText(QString::number(i));        labelContainer->add(label);
        listContainer->add(labelContainer);
    }
    
    ScrollView* scrollView = ScrollView::create().content(listContainer);
    
    mainContainer->add(headerContainer);
    mainContainer->add(scrollView);
    
    page->setContent(mainContainer);
    

    If I just add the ScrollView directly to the page, without the parent containers then he reproduces very well and allows lots of scroll the list of labels. However, once the ScrollView is added to the mainContainer and which is defined as the content of the Page, it is no longer made scroll.

    Any suggestions?

    Hey there...

    In fact, it works. It's just that your ScrollView is as wide as the numbers are... Or rather as wide as your label, which holds numbers... Try to add the following property to your ScrollView...

       ScrollView* scrollView = ScrollView::create()
            .content(listContainer)
            .horizontal(HorizontalAlignment::Fill);
    
  • Scrollbars not appearing is not inside containers of layout Grid or column

    I have a table-oriented line, which displays scroll bars correctly when tested.

    I wrap it in a layout grid or column, and despite trying all the options "scrollbar" evident on the container, no scroll bar appear.

    Module UHG_IT/ClusterPerformance
    Name ClusterPerformance
    Component Checkerboard
    Object (s) Dashboard, homepage, Page, Pagelet, portal, Portlet, report, Reportlet
    Comments
    Main entrance None
    Configuration

    • Portlet options

      • Automatic scrollbars
    Reference ID System:uhg20it_clusterperformance.2
    Last modification time June 28, 2012 11:30:52 AM CDT
    Public Yes
    Deprecated NO.
    Priority None
    Relevant roles Administrator, operator, administrator of surge capacity management
    Roles are allowed (all)

    Display

    Name List of VMware Clusters with data for the last 7 days
    Component Oriented table line
    Size × Automatic automatic
    The scroll bars Always
    Additional context

    Service_name Query ("UHG_getVMwareService" of the module system UHG_IT/components)

    OK, so the solution is set horizontally and vertically weight to 1, which represents 100% of the width and height.

    Thank you, Brian.

  • Problem with window painted and scrollbars when editing (LabVIEW 8.0.1)

    I'm under LabVIEW 8.0.1 in Windows XP SP3.  For my main VI, I came across a strange problem about 5 months ago.  The front window - both in edit mode and run mode - arrested repaint itself on the right side which is no longer visible when you scroll from top to bottom, but also visible overlapping Windows.  Coinciding with the repaint problem, both bars scroll search disabled grey arrows and no boxes in the bars that you can click and drag to scroll the window.  The scroll bars work still partially if you pass the mouse over it and roll the mouse wheel but does not work by clicking and dragging.

    The façade has a lot of controls and indicators, including containers of tab control and is greater in the horizontal directions and vertical so the two scroll bars must be active.  But I deleted everything in the Panel before and everything in the schema and the problem persists.  If the problem is not directly related to a control/led display.

    I saved the simple VI to this problem (using a line of large text and a high box rounded to test), and then created a new VI and copied the two elements at the new VI.  This new VI didn't paint it and the problem of the scroll bar.  The two screws are slightly different in the memory usage and the revision number (bad is review 1785 and the good is revision 3), but otherwise the two screws are identical.  I have attached two screws at this announcement.  When you first open the bad VI, you will see the scroll bars disabled while the good VI has active scroll bars.  To replicate the repaint problem, scroll the window up and down with your mouse wheel.  If it's good when you first open the VI, click on another window, then click on the window of VI and try again the mouse wheel.  This by clicking sur-loin-and-return always causes the problem of repaint for me.  I tried the screw on two different computers, both running Windows XP SP3 and LabVIEW 8.0.1 with identical results.

    Here's what I discovered simple troubleshooting with the screws:

    always off scroll bars

    * repaint the problem in the main window for larger then 680 pixels of window widths

    * repaint the problem in the menu bar of the main window for widths of more than 646 pixels

    * entire window becomes disabled than 1348 pixels window width

    * can paint window minimize and restore, but only repaints only once

    * scrollbar boxes sometimes flicker in the display, but then disappear

    * Scroll left and right hovering mouse over the bar and horizontal scroll by using the mouse wheel

    I found something similar on this forum (thread: problem with refresh of façade)-it could be linked to the CAR on the Panel being offset internally.  I don't have access to LabVIEW 8.5 or later and do not plan to upgrade - I have not tried the trial version, as this user has done.  I could try to copy and paste my set of the block for a new VI diagram but the VI is so important I'm afraid something would break, plus I don't want to do it again in a few months.  The problem seemed to occur after a certain number of stops (or revision number).  I save copies of backup often and when the problem first happened, I was able to go to a previous version, make the missing changes and save it without any problem, but this only delayed the problem and he came later.  It is therefore perhaps the revision number.  It seems not related to a change or a particular addition in the front panel and the graph.

    The attached picture shows the repaint problems and scroll bar in bad VI.

    This raises a question I have - if this problem is a bug has been fixed in 8.5 and later, is it possible to apply bug fixes for older versions?  Or what I need to pay for an update fix these bugs?

    Seems that something got corrupted with this VI. Things to copy on a cool VI and things should be OK.

    See also this recent report of a similar problem.

  • Is it necessary to use containers of div in addition to structure insert parts?

    Many experienced web developers use div containers for some of the main structures such as body, header, footer etc to style sections. With the insert function in DW which is necessary or is it advisable to nest a div container inside the tags structure or vice versa?

    for example:

    <>footer

    < div id = "footercontainer" >

    content

    < / div >

    < / footer >

    or

    <>footer

    content

    < / footer >

    It is advisable to nest a div container inside the structure tags

    I don't think anyone has directly addressed the question of the OPs. So here it is:

    Elements semantic as

  • Cannot drag and drop into the container of nested group

    I want to drag a component in a group container that is nested within another container of group, but I found that I can't do that. If I remove the parent group, drag operation is ok. And if I replace the two containers of BorderContainer group, drag the behavior is normal, too. I am confused with this problem. I use the group container because I want to use the wheel to implement the scroll bar feature. My version of the flex sdk is 4.1. Are there solutions? Thank you

    Try the code below.


    http://ns.Adobe.com/MXML/2009.
    xmlns:s = "library://ns.adobe.com/flex/spark".
    xmlns:MX = "library://ns.adobe.com/flex/mx" width = "800" height = "600".
    xmlns:view = "org. "" BlueWolf.topo.View. * "xmlns:ilog ="http://www.ilog.com/2007/ilog/flex">."
       
           
       

       
       
            Import mx.core.DragSource;
    Import mx.events.DragEvent;
    Import mx.managers.DragManager;
               
    private void onMouseMove(e:MouseEvent):void {}
    var di: Button = e.currentTarget you Button
    var ds:DragSource = new DragSource();
    ds.addData (di, "dragTarget");
    ds.addData ({x: di.mouseX, y: di.mouseY}, "mouse");
    DragManager.doDrag (di, ds, e);
    }
               
    private void onDragEnter(e:DragEvent):void {}
    DragManager.acceptDragDrop (e.currentTarget as a group);
    }
               
    private void onDragDrop(e:DragEvent):void {}
    var dataObj:Object = e.dragSource.dataForFormat ("mouse");
    var dragNode:Button = e.dragInitiator as Button
    dragNode.x = this.mouseX - dataObj.x;
    dragNode.y = this.mouseY - dataObj.y;
    }
               
    ]]>
       

       
       
       

       
       
           
               
                   
               

           

       

    I changed the code to listen for the event dragEnter and dragDrop for the parent group container.

    Kind regards

    Anitha

  • Update the Text property in other containers

    Calling all Flexpertz!

    Hi, I'm trying to update a text property of the textarea with ActionScript that I've nested inside a vbox, within a Panel, inside a canvas.  When debugging, I noticed that the textarea object is null if its nested in other containers.  But if I allow it to be outside, I can put the text very well.

    TypeError: Error #1009: cannot access a property or method of a null object reference.
    to...

    Any ideas?

    You want creationPolicy = "all", although its use is considered as anti-corporate good practices. Best practices has you the initialization of the components needed on creationComplete for the TabNavigator, but which can be annoying.

    If this post answers your question or assistance, please mark it as such.


    creationPolicy = "all" >

  • Cam nest excluded Homekit?

    I can only assume, because of the competitive relationship between Apple and Google, but I'm really disappointed to see that the family of nest products is excluded from Homekit.

    Stupid decision, because I do not know that I am not alone to already incorporate the nest in my house and using the app to nest on my phone.  I guess they wanted to be sure that homekit was completely irrelevant for me...

    Google and nest products are in direct competition with Apple and their proprietary Home Kit.  Google paid $3 .2b for nest laboratories and has used to launch Google home.  Completely secure communication protocols different use of two technologies, so are not inherently compatible and nest will be redesigned specifically to be. Google doesn't want you to use the nest with home kit - they want to you use the nest with their system.  Time will tell which competitor wins in the end.

  • How can I get rid of the right scrollbar being all the time?

    Using Firefox on Windows 8, a Web page that contains a frame that has a long text that it displays a white scroll bar. The same page does not display the scroll bar when using Firefox on Mac. I tried a number of things inclucing enter topic: config before turning off the always show scrollbars entry but nothing seems to work. In other browsers I've tested no scroll bar is still present on this Web page. Does anyone know of a way I can have this scroll bar does not appear except when the text is scrolled? Thanks in advance.

    Two thoughts:

    (1) later or maybe the last two versions of Mac OS X have a feature at the level of the system that fades the scroll bars if you don't use them and then show them while you are scrolling, or something in that sense. We had complaints about it here from time to time.

    (2) Firefox does not allow to color scrollbars, as some other browsers for other browsers may have a transparent bar that corresponds to the background, but Firefox will use the default color and widgets associated with your theme, regardless of what tells the site.

    Any other browser on Windows also shows a scroll bar (attached screenshot).

  • It is difficult to see how to change the color of the scrollbar in gray on gray background?

    It is difficult to see how to change the color of the scrollbar in gray on gray background?

    I think you should probably use an extension or theme to replace the default colors.

    If you are not interested in all the changes that might come with a new theme, is the next extension compatible with Linux?

    https://addons.Mozilla.org/firefox/addon/noiascrollbars/

  • Can I create nested address lists?

    I want to create a game of skill nested lists so that I can manage a group large enough contacts in an organization of volunteers with a hierarchy, much like how I manage contacts work with MS Outlook (sorry for mentioing the competition!). I tried to add an existing list (let's call it List1) on a new list (let's call List2) which must also conduct additional individual contacts. When I do this, "List2" shows the individual contacts and "List1" when I select for the ' to: ' line in a new email, "List2" seems OK, but when I send the mail it is sent only to individuals and does not go to the members of "List1".
    I do something wrong or Thunderbird does not support this?

    There is a bug, ask the nested lists, but he's 15, ranked when he still was Netscape. https://Bugzilla.Mozilla.org/show_bug.cgi?id=40301

    More importantly, it is in the list of features for all. https://Bugzilla.Mozilla.org/show_bug.cgi?id=841598
    And important blog posts to explain it. http://mikeconley.ca/blog/tag/ensemble/

  • Cannot find the libraries/containers group

    I'm running my Word 2016 startup folder manually in order to make my word of Zotero plugin appear. Instructions (https://www.zotero.org/support/windows_word_plugin_manual_installation_instructi ons #macword_2016) tell me to run the start-up folder for something in ~Library/Group containers / etc etc, but I can't find the containers group file in my folder of library or ANYWHERE at ALL. I use a Mac to mid-2012 running Yosemite 10.10.5. I would appreciate help find my group containers folder or find how to get my plugin Zotero toolbar appears on my word 2016.

    You're looking in the right folder of the library. You want the folder/Home/Library/who is invisible.


    Three ways to make the House/library folder Visible

    A. this method will make the folder visible permanently. Open the Terminal application in the Utilities folder, and paste the following at the command prompt:

    chflags nohidden ~/Library

    Press RETURN.

    B. click on the desktop, press the Option (⌥) key, select library in the Finder menu go.

    C. go to the folder in the Finder menu select go. Paste the following text in the path field:

    ~/Library

    Click the OK button.

    [Permission to use any part of the foregoing has been granted by khati, exclusively, to theratter.]

Maybe you are looking for