How to scroll Spark list with a disabled scroller bar?
I created two buttons to scroll up and down, but it is unclear what methods can be used to scroll the list.
You shouldn't try to disable the scroll bar. You should create a custom skin for the scroll bar that uses your custom buttons and places them appropriately based on the design you want.
More info on skinning a Scroller
All that said, you can scroll a list by setting the horizontalScrollPosition or verticalScrollPosition on it's dataGroup. Conceptually something like this:
myList.dataGroup.horizontalScrollPosition = newPosition;
Related
I am getting the following behaviour while using the horizontal scroll bar. I have used the custom scroll bar design.
The horizontal scroll bar appears as expected when the content overflows as I have used overflow-x: auto. The scroll works on left/right arrow keys and wheel events. Also, it works fine with the touchpad. But it doesn't work when we click on the scroll bar and try to drag it. The scroll bar doesn't move. We should be able to scroll by clicking on the scroll bar and dragging it. For the same element, the vertical scroll bar works fine.
What could be the possible reason for this?
The application I'm working on has several spark dropdownlists. If the list is too long and a scroller appears then "holes" appear in the list. Scrolling up and down with the scroll bar or arrows does nothing other than normal scrolling, but scrolling with a mouse wheel fixes the problem.
Image of an open drop down with holes
The code for the dropdownlist itself is:
<s:DropDownList id="yearCombo" dataProvider="{yearDataPro}" change="getAllTicketsInYear()" width="100%" selectedIndex="{selectedYear}" chromeColor="0xFFFFFF"/>
The end result is that yearDataPro is an array of strings from "2006" to "2015" as of right now.
is any chance to have a scroll bar element that I can move where I want on the page but to link with my scroll box? I have created my scroll box ready but I need a scroll bar that should to be moved on other place on page.
Try jQuery Scrollbar - look at Advanced Scrollbars Demo page - External scrollbar.
If you want to use native browser scrollbar (or do not like custom scrollbars), you will have to use two containers - one with your scrollable content and the second one - with scrollbar that attached to first container. Look at question Attach Horizontal Scrollbar to bottom of window if scrollable div is taller than window
I want to set more than one vertical scroll bar to frame in swing. Is it possible?
You can set a ScrollPane to every panel you want.
I am trying to make a menu with many items, sub items. I want to display scroll bar along with the items if they are increased. I want to do same with sub menus and so on.
Here is the example about what i am doing.
The problem is, It is displaying horizontal scroll bar, if sub menu again have some items as child. I want to show only vertical scroll bar. and want to pop out sub menues.
Link of css i am using.
You can specify separate horizontal and vertical overflow behaviors:
overflow-x: hidden;
overflow-y: scroll;
Your CSS reference material should have told you that. This will of course make a complete mess of any submenus that try to pop out along the x-axis.
Scrollbars in a menu will also make your users hate you and possibly win you a place in the User Interface Hall of Shame or a post on http://thedailywtf.com/. If you're thinking about doing something like this in the real world, don't do it. Think of a less irritating way to organize your navigation.