How to get the vertical scroll bar is displayed for control panel

Hi there, Im a beginner in Flex and I'm working on my first application for a client. I have the most difficult time to get a vertical scroll bar to work for a Panel control, that I use. Here's the overview:

1. I have a control of the application with a horizontal layout
2. I have a Vbox left with 2 panels on top of the other,
3 - I have a Panel on the right with a bunch of text controls just above another.

the application looks like this. Think fair spaces and dashes since this wont let me enjoy the areas:

______________________
| - - - - - - - - -| - - - - text - - - - |
| - - - - - - - - -| - - - - text - - - - |
| - - - - - - - - -| - - - - text - - - - |
| ---------------| - - - - text - - - - |
| - - - - - - - - -| - - - - text - - - - | -browser window ends here
| - - - - - - - - -| - - - - text - - - - |
| - - - - - - - - -| - - - - text - - - - |
______________________


MY PROBLEM: I would like the application to stay confined to the browser window and have scroll bars appear in the right panel when text controls contained too long for the browser window. Yet, I can't make it work, Ive tried to use clipContent = true and activation verticalScrollPolicy but nothing seems to make the sign on the right contrain at the height of the browser window.

I have a feeling it's something really simple so any help would be LARGELY APPRECIATED!

The best
Stephen

I have it! Thanks Darin for work through this with me. Liike looks like, I really need the Hbox, so do the layout of Panel = "absolute" as josh suggested. Then wrap all text with a vbox controls, Viola! I get scrolling as expected! Here's the final MXML:


http://www.Adobe.com/2006/mxml"layout ="horizontal">











Here is a bunch of text in a single text control

]]>





Ashraf asdawdd wadmdwad mildm awdn wad I niawfnaf nawfn awfn awifn awf

adsadwadwadawd

asdadwavawvvawvaw

]]>





asdasdsav

asdasdsadwninib

awnvndzln

qwanil

asbnil nl

]]>




Thank you very much!
s

Tags: Flex

Similar Questions

  • How to force the vertical scroll bar to display on each page?

    Hello

    Is it possible to force the vertical scroll bar appears on each page, even if it is not needed?

    I have a site with pages larger than the browser window, and others which are smaller. The scroll bar appears only on adults and forcing elements from left to right on the left to navigate through the pages.

    Any help would be appreciated.

    Thanks in advance

    VM

    In the section header of Page Properties try adding the following code:

  • How to hide the vertical scroll bar in the Combobox?

    Hello

    I try to hide the vertical scroll bar in my combobox, because the number of items is small so it is not necessary that the vertical scroll bar is displayed.

    I have a very strange behaviour :

    When I view for the first time in my combobox, the vertical scroll bar is displayed - unless I have enough evidence to justify the appearance of the vertical scroll bar!

    When I select an item in my combobox, the vertical scroll bar disappears (good behavior): it is always the same list of items!

    I have try several solutions... the vertical scroll bar always appears!

    If you have any ideas, it will be fun...

    Thanks in advance

    concerning

    FM

    Try the following:

      primaryStage.show();
            Platform.runLater(new Runnable() {
                public void run() {
                    final Node scrollBar = comboBox.lookup(".scroll-bar:vertical");
                    scrollBar.setOpacity(0);
                }
            });
    
  • How to apply the vertical scroll bar to < af:selectOneChoice >?

    Hi all...

    JDeveloper Version is 11.1.1.7.1

    My use case is as follows:

    I used < af:selectOneChoice > that contains 10 items. When the user clicks on an item, instead of a list of all the Articles 10, I want only 3 items to display, remaining is displayed only when the user scroll down.

    Here is my code:

    < af:selectOneChoice label = "Numbers".

    Binding = "#{backingBeanScope.backing_scroll." Soc1}.

    ID = "soc1" >

    < af:selectItem label = "Item1" value = "One"

    Binding = "#{backingBeanScope.backing_scroll." SI1}.

    ID = "si1" / >

    < af:selectItem label = "Item2" value = "Two"

    Binding = "#{backingBeanScope.backing_scroll." SI2}.

    ID = "si2" / >

    < af:selectItem label = 'Item3' value = "Three"

    Binding = "#{backingBeanScope.backing_scroll." Si3}.

    ID = "si3" / >

    < af:selectItem label = "Item4" value = "Four"

    Binding = "#{backingBeanScope.backing_scroll." Si4}.

    ID = "si4" / >

    < af:selectItem label = "Item5" value = "Five"

    Binding = "#{backingBeanScope.backing_scroll." Si5}.

    ID = "i5" / >

    < af:selectItem label = "Item6" value = "Six"

    Binding = "#{backingBeanScope.backing_scroll." Si6}.

    ID = "si6" / >

    < af:selectItem label = "Item7" value = "Seven"

    Binding = "#{backingBeanScope.backing_scroll." Si7}.

    ID = "si7" / >

    < af:selectItem label = "Item8" value = "Eight"

    Binding = "#{backingBeanScope.backing_scroll." Si8}.

    ID = "si8" / >

    < af:selectItem label = "9" value = "Nine"

    Binding = "#{backingBeanScope.backing_scroll.si9} '"

    ID = "si9" / >

    < af:selectItem label = "Article 10" value = "10"

    Binding = "#{backingBeanScope.backing_scroll.si10} '"

    ID = "si10" / >

    < / af:selectOneChoice >

    How can I accomplish this? Any suggestions?

    Hi all

    JDeveloper by default displays a vertical scroll bar if it has more than 20 Articles in selectOneChoice.

    Thank you.

  • How to remove the vertical scroll bar in IE7

    I thought I had mastered the video browser complete when I wrote this http://www.cybermountainwebservices.com/client0/date/ I neglected the fact that in IE7, there is a vertical scroll bar ruin the appearance of the full browser.  I know this is possible because this guy http://www.matthewkenneycuisine.com/ is not the problem.

    Add

    style = "overflow: auto".

    the body of your html page tag

  • How to get the horizontal scroll bar of a Table?

    Hi all

    According to my requirement, I display multiple records in a form in a tabular Format. But here I must show 21 columns in this table that is too high. I am able to view it, but because it I get a scroll bar horizontal to the screen as all columns not in the normal window screen space. But its weird since the research once I am to right scrolling columns, but bar header and Global buttons above are not displayed, they are related to the normal screen space.

    Is it possible to have a horizontal scroll bar only for this table instead of the whole screen so that on the slider, only the rows in the table will be beshifted ant had displayed?

    With our thanks
    Gerber

    try this approach.
    include an element of plain text before and an array element.
    include HTML tags in the raw text element to allow horizontal scrolling

    Prasanna-

  • move the vertical scroll bar in a table

    Hello

    In my VI front panel contains a table of results with the visible vertical scroll bar.  When the program runs a performing a test, I am inserting a line every time the captured result.  The row is inserted in the lower part, and when all the visible lines are met you can not see the final result.  What I want to do is either focus on the last row to move the vertical scroll bar or move programmatically control scrollbar itself.  Is this possible?  If this is not the case, what is the property node that I need to display the last line of a table.  I have inserted the data at the top of the table, but this isn't really what the standard application programs do!

    Thank you

    Martin

    See attachment...

    Dan

  • Instability of the vertical scroll bar of the Panel

    Win 7 Professional, SP 1, 64-bit on a Lenovo ThinkPad. The vertical scroll bar on the "Programs and features" Control Panel suddenly is so unstable that it is impossible to click on a title. Agitation is present both a Logitech mouse and ThinkPad track point device, well even more so with the mouse. The mouse driver is up to date, and the batteries are charged.  The instability of the scroll bar does not seem to occur in all areas of the Control Panel, but appears on some menus of Windows Explorer, to a certain extent on this page (I have difficulties to access the submit button) and some Internet sites. Word so far.  What do about it?

    Hello

    Thanks for posting your query in Microsoft Community Forum.

    1. You did it no particular change in the computer before the show?

    Please, try the following suggestions and check.

    Method 1: Start your computer in safe mode

    http://Windows.Microsoft.com/en-us/Windows/Start-computer-safe-mode#start-computer-safe-mode=Windows-7

    If the problem does not occur in safe mode or safe mode with network and then places the machine to clean the start State and check if helps you solve this problem.

    Method 2: Run the clean boot

    Put your system to the clean boot state helps determine if third-party applications or startup items are causing the problem. You must follow the steps in the article mentioned below to perform a clean boot.

    See the link to perform the clean boot.

    How to perform a clean boot in Windows

    http://support.Microsoft.com/kb/929135/en-us

    Note: See 'How do I reset the computer to start normally after a boot minimum troubleshooting' to reset the computer starts normally after troubleshooting.

    Let us know if the problem still persists. We will be happy to help you further.

    Thank you

  • Add the vertical scroll bar for content panel

    I need to use long passages of text in a fixed size content area, so I need to add a vertical scroll bar on the side. Muse support says that I have to use HTML code to do this. I'm a designer, not a coder, can someone walk me through it?

    Hi Jeff,

    I wrote a quick tutorial in response to a similar question. You can see here. Re: how to add a vertical scroll bar?

    Make sure you read the comments after the message that I made a few adjustments to coding.

    I hope this helps.

    David

  • Why do I get the horizontal scroll bar?

    Work on my first RWD - here, it's on a test server (index only page) http://www.sandiegohomegrown.com/testSDTG/index.html

    When I resize the browser and get to 1276 pixel anywhere I get a horizontal scroll bar.  Impossible for the life of understand me why!  If someone could take a look and give me some tips, some tips on how to solve the problems, I would be grateful.

    Thanks - Gary

    Get rid of the announcement of Google and it should work as expected.  As far as I know, Google ads are not because they have explicit height and width attributes that you cannot remove.

    Nancy O.

  • Move the vertical scroll bar of the Panel to the left of the Panel

    I have a skin Panel with the following:

    <s:Scroller id="contentScroller" height="100%" width="100%" 
                     horizontalScrollPolicy="off" verticalScrollPolicy="auto">
        <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"/>
    </s:Scroller>
    

    For the life of me I can't understand how to move from contentScroller to the left of its container.

    I tried setting contentScroller x, y, up, left, down, right, the properties height and width to different values, but what I have in the extract seems to be the only way that it appears at all.

    Based on the research, I tried this in the script of the skin:

    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
        super.updateDisplayList( unscaledWidth, unscaledHeight );
        if( contentScroller.visible ) {
            //contentScroller.verticalScrollBar.x = 0;
            contentScroller.verticalScrollBar.x = -contentScroller.verticalScrollBar.width;
        }
    }
    

    Or lines in the if block makes no difference as to where this thing is rendered.  Here's a screenshot of my Panel:

    crap.JPG

    And here's what I would do:

    crap2.JPG

    Thanks for the research!

    I found a solution.

    I removed the code in the script block and I went back to a scroller in the mxml.

    
        
    
    

    I thought that I could set the vertical scroll bar by creating a skin based Scroller.  In the generated file, I saw this:

    Scroller unconditionally sets its skin's layout to private layout
    implementation that handles the scroll policies.  Scroller skins can
    only provide replacement scrollbars.  The skin's layout and
    constraints or dimensions set on skin parts will not be honored.  To
    gain more control over the layout of a viewport and its scrollbars,
    instead of using Scroller, add them to a Group and use the ScrollBar component's
    viewport property to link them together.
    

    So I then changed my skin Panel to look like the following:

    
        
            
        
        
        
            
                
            
            
        
    
    

    Finally, I added the following to the script block for positioning controls correctly:

    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
        verticalScroller.left = topGroup.height;
        contents.left = verticalScroller.x + verticalScroller.width;
        super.updateDisplayList( unscaledWidth, unscaledHeight );
    }
    
  • In what LabVIEW version was the "vertical scroll bar system" introduced?

    Hello

    Does anyone know what version of LabVIEW, the 'vertical scroll bar system' has been introduced?

    Thank you

    8.0

  • ADF faces table resets the position of the vertical scroll bar

    Hi all

    I have a table on a page with 1000 records adf and when I try to see the records in the middle of the table, for example, the vertical scroll bar returns automatically to the top position.

    Any ideas would be appreciated!

    Thank you

    JDeveloper version: 11.1.2.3.0

    Published by: lorpad on November 29, 2012 12:59

    Published by: lorpad on December 5, 2012 12:26

    Just checked in my application (11.1.2.3, 1000 + lines) and it works as expected.
    You can try to reproduce this problem with simple test cases and if it works then compare table and properties of VO.

    Dario

  • The vertical scroll bar of a Tilelist style

    Is it possible in flex for the vertical scroll bar of a tilelist style, rather than using the boring default scroll bars? What I have in mind is to have a place and a down arrow in the top and bottom where the regular scroll bar would actually then when my tilelist has more items than do the heaight these arrows will and act as a scroll bar.

    Is this possible?

    This example uses Degrafa (right click to view Source):

    http://PV3D.org/2009/04/14/theres-more-than-one-way-to-skin-a-ScrollBar/

    http://www.FoxArc.com/blog/article/101.htm

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

  • HTP.p (&lt; pre &gt;) and the vertical scroll bar

    Greetings,

    Carl has used the code below for a process of OnDemand
    http://Apex.Oracle.com/pls/OTN/f?p=11933:13:3295006254376178
    Can I set the height and have the vertical scroll bar with the pre tag?
    I tried a div without success.

    declare
    VARCHAR2 (4000) l_Id;
    l_String varchar2 (32767).
    Start

    Select the DESCRIPTION in l_String of "RANDOMDATA' where id = v('TEMPORARY_ITEM');

    HTP.p ("& lt; pre & gt ;'|| l_String | "& lt; / pre & gt ;') ;

    end;


    Thank you
    Tim

    Published by: Tim Arnold on January 18, 2009 08:14

    Hello

    When you tried with your DIV, you specified a width style? I found that it only works when you have this game.

    Something like:

    <div style="overflow-y:scroll; height:100px; width:200px;">
    <pre>
    ...
    </pre>
    </div>
    

    will work, but:

    <div style="overflow-y:scroll; height:100px;">
    <pre>
    ...
    </pre>
    </div>
    

    will not work. I don't know why!

    Andy

Maybe you are looking for

  • What happened to the wicked winnings II app?

    What happened to the wicked winnings II app?

  • Duplicate contacts on messenger

    I downloaded Google messenger as my messaging preferred versus the stock messaging app. The problem is when you search for a contact to the message that they are duplicated in fact some up to 5 times, this also happens on the stock approx. e-mail lis

  • To stop or restart Windows startup bypasses the user login screen.

    Windows XP. If I start windows from standby mode it stop on the login screen and allow users to log on. However if I do a restart or if I stopped for some reason, Windows start and pass the login screen and connect, in this case, the third user.  Rec

  • How to connect wired computer to the wireless printer.

    I spent hours on the phone with a representative of brother yesterday to try and get my DCP-L2540DW communicate with my computer without the computer being on wi - fi, without success. We already all this up and running, but we had to get a new route

  • Images not showing in my folder images (library)

    I have windows 7 and when I go into my pictures folder the photos are not displayed, rather an image of the ocean with what looks like a tropical island.  I would really like my photos will be displayed in that if I can see if I double and compare th