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 );
}

Tags: Flex

Similar Questions

  • 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

  • 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

  • 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

  • Can I put a vertical scroll bar in the browser firefox left?

    Can I put a vertical scroll bar in the browser firefox left?
    I'm left-handed so using the quite difficult scroll bar, so I want to move the scroll bar position, so I have to do? hope to receive a response soon from the Center

    The value of pref layout.scrollbar.side 3 to place the scroll bar on the left side.

    See:

  • Vertical scroll bar in the control table

    I use CVI 2012 and using a table control in the editor of the IUR. I started with a table containing 27 rows and 5 columns. The Panel container was large enough to display all the rows and columns, so without scroll bars have been necessary. Then I added more than 14 rows in the table, and a vertical scroll bar appeared on the right edge of the table. «By default, she marched to the bottom of the table, and I tried to change this up by changing"line 41 / 41" to "line 1 / 41" in the editor of the IUR.» He put back the first lines of the table, but the bar scroll also disappeared and I can't seem to restore, even if the table has more lines that can be displayed in the Panel containing.

    In dialog box "Edit Table" editor of the UIR, in the field of the 'appearance of control', the ' scrollbars: ' control has the value ' both scroll bars. I tried a number of combinations in the dialog "Options for size/Scroll...". "so - nothing seems to restore the scroll bar.

    I will attach the UIR file where this is useful. Interest table is the tool 'ID' tab thanks in advance!

    Barry Wealand

    I figured this out. Somehow, the width of the table control had also grown, such as the vertical scroll bar was pushed out the Panel on the right. By adjusting the size of the control so that the width of the table fits once more in Control Panel that contains the scroll bar appears once more.

    Barry Wealand

  • long pull down the menu with no vertical scroll bar

    People,

    It's been 3.5 years ago when we had to learn that there is no way to have a long drop down menu control without a vertical scroll bar. See

    http://forums.NI.com/NI/board/message?board.ID=170&message.ID=217428&query.ID=395029#M217428

    Now, after that we got LabVIEW 8.6.1 there is still no the ability to remove the vertical scroll bar if there is a 'Vertical Scrollbar Visible' property node for the drop-down list boxes. As already observed in 2006 with the drop-down list 8.2 LV Smercurio, this property node has no effect, probably because of a bug. This behavior is always the same with LV 8.6.1.

    A few days ago a user of our software have complained that the menu items would be missing. In fact, they were not, but rather he oversaw the scroll bar and do not scroll to the bottom of the column - that's why it did not find the menu items. In general, it's pretty annoying if you have to scroll first before you can select a particular item. In most cases, the scroll bar is all just useless since the Panel is large enough to display all menu items at the same time.

    How do you design a long drop-down menu on your UI? Any ideas how to get around the scroll bar mean?

    Sorry for the lengthy post. I'm afraid that you have to use the vertical scroll bar while reading my text...

    Thanks for any input,

    Peter

    Stoeckel says:

    Any ideas how to get around the scroll bar mean?

    I think that's what you're asking.  This works for any named digital control, and I think a small change will be too much work for a drop-down list box.

    Jim

  • 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

  • How to recover the horizontal & vertical scroll bars in Outook Express

    I have XP OS House & use Microsoft Outtook Express.  recently, the horizontal & vertical scroll bars disappeared from all but one of my follders. Any suggetions on how to recover these bars thanks to you all.

    I think it may have something to do with the largest compensation part of the Inbox on & leaving very few emails in there.

    I noticed that records I keep have very few emails in them are also without the scroll bar.

    Which is part of what Steve said. They will not appear if there is nothing to achieve. I'm glad that it's as simple as that.

  • Addition of vertical scroll bar to the Senior Manager

    Hello

    I want to add the vertical scroll bar to the Senior Manager. Somebodu can help me? How can I add?

    The article just Kropotkin, so the new link should now work for everyone:

    Implementation of a standard style on a Blackberry device scroll bar

    See if it works for you.

  • Vertical scroll bar on the right side is gone and I have no how to get it back.

    I did something I shouldn't have and have now no vertical scroll bar on the right side.  How can I get that back?

    It's a quick way to resize a window.

    Breaking of Windows,

    http://Windows.Microsoft.com/en-us/Windows7/products/features/snap

  • How to apply the vertical scroll bar to &lt; af:selectOneChoice &gt;?

    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 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 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:

Maybe you are looking for

  • Electronic mail are not sent

    After the upgrade to El Capitan, my email will not send any account. He asked my password each time on two e-mail accounts. Accounts are ones I have from my ISP. In e-mail preferences, it is said that my SMTP server is offline. I read the various mes

  • I keep getting this message error 0x800CCC.90 or 92

    ? Error 0x800CCC.90 or 92? I keep getting this message on my table.  How should I 'cure', so stop come me? Thanks for any help out there.  BusyLizzy

  • M177fw MFP: Color Laserjet MFP M177fw Pro do not leave the page logo star HP &amp; energy and go to the home page

    I have a HP Color Laserjet Pro M177fw MFP multifunction printer.  When I power on, I get the HP & Energy Star logos on the touch screen of the printer, but then it crashes and the screen lights up.  My MacBook Pro will see the printer (I'm wired to i

  • Disable USB on PC users.

    Hello for security reasons, it must disable storage devices USB on PC (Windows 7) of users in my company, but allow the keyboards, mouse and USB printers to work. I was wondering if this can be done through System Center 2012 R2 Configuration Manager

  • Clip from slow to fast

    Hey,.I want to use a clip in my video, which becomes faster on an interval of e.g. 10 seconds, but I don't know how to do this.I tried using "Effekteinstellungen"->"Zeit-Verzerrung" (German, literally translated "effect settigs"->"time warp"), but it