Flex :: Use A Vslider As Scrollbar For A List?
Jul 23, 2011How do I use a vslider as the scrollbar for a list? I've got this, but can't figure it out from here[code]...
View 3 RepliesHow do I use a vslider as the scrollbar for a list? I've got this, but can't figure it out from here[code]...
View 3 RepliesIs there some way to have labels on both sides of a VSlider control? I need this to show meters on one side and feet on the other side....
View 1 RepliesI've got an Horizontal List. It contains 6 XML Nodes at the moment. But what I'd like to do is remove the scrollbar so that an button can function to scroll through the nodes instead.
View 1 RepliesI'm trying to make my own component that behaves like a list and supports infinite scrolling (in 1-dimension : vertical or horizontal) - both directions. For eg, a vertically laid out list which the user can scroll up or down forever - without ever hitting the 'last' or 'first' item. A good use for this: a calendar that displays each month as a list item.
Anyway, there are a bunch of things to overcome. The first of which, I think, is to disable the scrollbar's bounce effects (introduced in the latest Flex 4.5 (mobile) SDK). If I can disable the bounce effects, I'm guessing I can then add/remove items as needed to the list and it would scroll infinitely.
i have created some 6 -10 buttons and i want to keep these list of buttons in the scrollbar. so that a user can view only a set of 4-5 buttons at a time.i tried out the kirupa-scrollbar but when the masking is done on set of buttons all the buttons are under mask and i am unable to click any of those .i tried the UIscrollbar component, it works for the text area but not for the buttons
View 2 RepliesIf I have a list component on the stage, how can I reference it's scrollbar? I mainly want to see if it's vertical scrollbar is currently visible and get the scrollbar's width.
View 2 RepliesI'm using the List and UIScrollBar components. I've got a list with a scrollbar placed far from it. I want to disable the built-in scrollbar in the list and scroll it with a different scrollbar. How is this possible?
View 1 RepliesI've got a List component set up but some of the text exceeds the space available and so I'm trying to add a horizontal scrollbar as well as the vertical one.In the component inspector I've set the horizontal to "on" and given it a width of 200 (my component has a width of 150).However, it cannot be scrolled and I get this error message: TypeError: Error #1009: Cannot access a property or method of a null object reference. at AWorkingFile1_fla:: Main Timeline/baseData()Is it actually possible to get the scroll bar to work?
View 2 RepliesI need to create a scrollable list of buttons. Only vertical scrolling is enough. The main thing is that, the buttons and scroll bar should be custom drawn. One and two dimension of button layout support is needed.
View 3 RepliesI'm using flex 4.1 to write an application. i read in the documents that has the rowCount property to set how many items to display. the does not have that property. how can I limit the list to display 3 items ?
View 3 RepliesFlex 3 List control had a itemRollOver event. Flex 4 List doesn't have it. Is there an equivalent or a workaround for this issue?
View 2 RepliesHere is a snip from within my code:
[Code]...
The 'recommendations' dataProvider is an ArrayCollection of String, which are generally sentences about as long as this one. By setting the variableRowHeight and wordWrap properties as shown, if a sentence is too long to fit on a single line, everything works fine- the row expands and the messages show on two lines, or occasionally three.
The space allocated for this panel within the entire canvas means if the total text size of 'recommendations' exceeds six lines, I need for the entire list scroll. This is also working just fine. The trouble is when using the mouse wheel to do the scrolling- Flex scrolls both the entire list and the single item where the mouse is hovering. Often this results in only the second half of a sentence being visible. Non-programmer friends I have asked to look at this noticed this, and tell me it as a problem. If a user does not notice the dual scrolling, and sees only a fragment of a sentence, it will be perceived as an error in the application.
[Code]....
When a user selects a category from the first drop down box then i want the 2nd drop down to be updated based on the selection of the first drop down. I have created multiple ArrayCollections whose names are set to the "data" values of the first drop down, for instance:
[Bindable]
public var countries:ArrayCollection = new ArrayCollection([
{label:"USA",data:"USA"},
[code].....
I am currently working on a project in Flex and I am having a hard time having a list's contents ALL be selected by default. Wondering how to do this.
<mx:List id="list" dataProvider="{dp}" allowMultipleSelection="true"/>
I'm just trying to have the list all selected.
I'm trying to animate a list as I delete the top row. All the examples I can find use itemsChangeEffect to bind to the effect, but this property exists only in MX lists, not spark lists.
Any idea how I can get the same effect done in Spark Lists?
I'm trying to remove the top most item in the list with a slight fade out effect before the rest of the items move up to replace the gap.
while i using drag & drop from listbox1 to listbox2 ,how can i get all the items of listbox2 in flex
View 1 RepliesThe traditional way to assign an icon would be to use the icon field of the item renderer,which reads the value of "icon" property in your data, for example:
listData.addItem({label: "Logout", icon: "com.classpth.DefualtThemeLogoutIconClass"});
But i want the DefualtThemeLogoutIconClass to changed to another class: ightThemeLogoutIconClass when the theme is changed.The only way to do this would be to use a style declaration containing a classReference to the icon, and change its the value in each of the CSS files of the various themes.The question is, is there any way to assign this style to an icon in a List, something as easy as intuitive as list[0].getIcon().setStyle("styleName");
In my application I'm using a canvas and repeater inside HBox it is Dynamic,..now I want to keep a horizontal scrollbar for the same, I may display more than 50 canvas addresses inside that Hbox and repeater.Here is my code:
<mx:HBox id="addrBox" x="42" y="161" width="1000%" styleName="ContextPanel" resizeEffect="resize" horizontalGap="5" height="0" paddingLeft="15">
<mx:Repeater id="rpt" maxWidth="1000" dataProvider="{ customerAddress }" >[code]....
Kindly give some idea for getting horizontal scroll bar for the Repeater.
how I would convert this vertical scrollbar into a horizontal scrollbar
heres the code:
onClipEvent (load) {
diff_y = bound_box._height-scroller._height;
bounds = bound_box.getBounds(this);
top = bounds.yMin+(scroller._height/2);
bottom = bounds.yMax-(scroller._height/2);
[code]....
I want to specify amount to scroll with VScrollBar. So in Flex 3 we have "lineScrollSize" but how this property called in Flex 4? I thought it VScrolBar.stepSize but it dose not do anything.I just whant my content to scroll faster on mouse wheel.
View 3 RepliesI have the following application and I am trying to put a scrollbar somewhere inside the TabNavigator, preferably on the innermost Vbox, but the scrollbar always ends up on the Panel. Is there some kind of property which controls this? I thought height=100% would have controlled it but it doesn't seem to work.[code]
View 2 Replieslook at this code:
[CODE]...
The datagrid is outside the limits of my screen, but the scrollbar is useless. To show you what I mean, look at the compiled output here: [URL] Of course this is a simple example, my real life file is much more complex and the scrollbar MUST be just around the dataGrid, not on the whole application.
I'm working on a Flex 4 application and I started customizing the interface with skins to give a whole new look.So, I've created two scrollbar skins in Flash Catalyst (one horizontal, one vertical).Its working great when I test the application through Catalyst so I took it and imported it on Flash Builder, copied the components and defined the new skins in my css file for the HScrollbar and VScrollbar.The skin is working, all the buttons are ok. But, the scrollbar isnt resizing for some reason. It remains in the same height I've designed it to be regardless of the content it is bound to.
It scrolls the content in all the ways it should be but it doesnt resize and the thumb isnt getting all the way down.Also I've noticed the following.I have a custom component acting as a list. It extends Group and contains a Scroller. So at one place of the application the Scrollthumb is getting lower than on another place where the same custom list is used.I also have to mention that this scroller works perfectly without a custom skin.
I am trying to scroll a movieclip with a scroll bar....I have tried ULscrollBar but it ends up only works for text.
View 3 Repliesthis problem affects my Flex 3 app when it is being viewed using Firefox for Mac. If the user drags the scrollbar then releases the mouse OUTSIDE THE BROWSER, the scrollbar doesn't get released and continues to scroll the content once the user rolls the mouse back over the Flex content. [URL]
View 1 RepliesI'm looking simply approach to prevent scale thumb within flex scrollbar'According to our wireframes we should display scrollbar without up-down arrows and cycle (without scale) as a thumb;
View 1 RepliesI am having some issues when trying to skin the scrollbar on a horizontalList with Degrafa. The scrollbar doesn't show up at all. I checked to see if the scrollbar is supposed to show up without the skinning, and it does.Here is some code:This is where I define the HorizontalList where I want a skinned scrollbar.[code]I am populating the HorizontalList with more items than are viewable, and like I said before the scrollbar shows up when I remove the skinning.
View 1 RepliesIf a SWF file or even a component within it has scrollbars, wouldn't it make sense that if the user is hovered over that area (it's in focus) and uses the mouse wheel, that this movement would automatically translate to the scrollbar moving.Any ideas how this is done, the events or classes used for this? I'm open to outside components or classes too. I haven't started yet, but I'll do an item renderer because it's easy to give it scrollbar.
View 1 RepliesI want to hide/remove the up and down arrows from the scrollbar - how can i do that? the scrollbar is to fat - the skin i am using is not that fat. How can i make the scrollbar thiner.
View 1 RepliesI'm trying to display a custom component i made inside a panel but when it renders the content is displayed outside of the panel box and there's no scrollbar.a panelan instance of myComponent inside the panela button that calls a method on myComponent that adds some controls into itWhen i run the application and press the button the following is displayed:See that the controls added dynamically in myComponent get over the panel's bottom line instead of showing only the visible part of the component and a scrollbar.
View 1 Replies