I'm using a list element with variableRowHeight and word-wrap set to true like in the example below:
[URL]
When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
I'm using a list element with variableRowHeight and word-wrap set to true like in the example below: [URL]. When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
View 1 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]....
I have been scripting this flash profile card which pulls data from multiple XML files. The problem i am having is when it comes down to pulling this 1 set of information which is accessing the attributes of an array of specific XML nodes on display after the first item it inputs a comma before each item.
My code:
---------------------------------------------------------------------- ---
xmlData = new XML ();xmlData.ignoreWhite = true;xmlData.onLoad = loadXML;xmlData.load ("../xml profiles/test.xml");
---------------------------------------------------------------------- ----
function loadXML (loaded){if (loaded){ xmlNode = this.firstChild;
[code].....
This is just a draft version of the layout i used to pull up fake data... to show the commas.Lastly i am wondering if it is possible to control the 3 text fields using 1 scroll bar or would i be better off learning how to create columns in 1 text field to display these lists.
I have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
I'm trying to make an array and list it's elements in a text box.
Code:
tabs = new Array();
tabs[0] = "jerseys";
tabs[1] = "tshirts";
[code]....
I want to list all controls (buttons, datagrids, etc) in a container
This works but gives me a warning 1008: variable 'comp' has no type declaration.
for (var i:int = 0;i<this.numElements;i++)
{
var comp = this.getElementAt(i);
[Code]....
when I get a compiler warning it's because I'm not doing something the way it is supposed to be.
Are there any alternatives to reference the id property? A method I'm missing even a whole different way iterate through all the controls?
Is it possible to define a property to limit the number of elements which will appear in a mx:List ? I've read about setting the property rowCount, but I don't see any effect.Can a filter be applied to accomplish this? My intention was to avoid removing the items from the list/array collection, but simply "hide" them. Can this be done?
View 2 RepliesI generate panels dynamically and put them in other states in that way so in one state you have a list of panels on the left and one big panel on the right for example in one state and when you click on the list on the left (with small panels) that panels takes the places of the big panel and the big one goes back in the place. So I have 50 panels on the left and i want to scroll them down but I don't want to big panel to go down with them I want it fixed. this is where I got and I don't know how to do that here is my code:
enter code here
protected function canvas1_creationCompleteHandler(event:FlexEvent):void
{
blurEffect= new BlurEffect(myBlur,myUnBlur);
listEventsResult.token=eventService.listEvent();
[Code]....
import flash.filters.BlurFilter;
class pirateandy.scroller.BlurScroll {
public function startScroll(mc_scroll_parent:MovieClip, [code]....
i know that the scrollbar will only scroll one way, but thats not my problem, my problem is how do i actually get it freaking scroll.
coding some automatic scrolling text? i've had a look around the internet, but all i can find is text that is scrolled using buttons. what i'm after is a way of coding text so it loads up into a text box (which i will call tf) (to start off with i don't mind putting it into the code as static text), scrolls on its own, and when it get to the end, it repeats the scroll, and is neverending. i would like it to go vertical (that ups the page in case i've picked the wrong one!), and be able to pick the scroll speed so i can slow it down or make it go faster. if someone can give me some sample code to get me going that would be great, and i'll try to sort out the rest myself.
View 1 Replies[Code]...
i have the above code wherein i load data from external text file i want the text to be vertcically auto scrolling on load without any scroll bar
Is it possible to put pictures and buttons and links in a scroll box right alongside the scrolling text?
View 1 RepliesWhen I was starting to drag any element, mouse wheel scrolling is turned off, how to scroll while dragging?I'm newbie here, so I can't insert a picture, here's a link
View 1 RepliesIs there any way to detect whether a list is scrolling or not, likelist.isScrolling.
View 3 RepliesI have a flex list, nothing fancy:
<s:List id="list" left="0" right="0" top="0" bottom="0" borderVisible="false"
dataProvider="{data}" labelField="1" textAlign="left"
itemRenderer="MXML.ItemRenderers.ListItemRenderer" horizontalScrollPolicy="off">
[code].....
I am having this very weird behavior with a mx:List control not scrolling properly.Here is a snippet:
<mx:List itemRenderer="customerRender" x="19" y="257" height="68" width="290" id="orderStatusHistoryList" color="#CCCCCC" rowHeight="35" ></mx:List>
The custom render creates a vBox that is 35 pixels high with some labels in it.Now, my dataProvider, set in the script block,is returning 3 items for the list (say item1, item2 and item3). Because of the height of the list control, only 2 are shown initially.Now for the weird part, when I scroll down the list to see the next item it is all messed up.
Initial display:
Item 1
Item 2
Display after clicking the scroll down button:
Item 2 (expected)
Item 1 (What the ?, this should be item 3)
Display after click the scroll down button one more time:
Item 1 (all wrong)
Now, if I increase the height of the list control,so it has enough room to display all three items, it displays fine.Also,I put a trace statement is the item render and flex is rendering all three items with the correct data.
In my air app I have a list(vertical) on the left side, like a sidebar. It`s working fine! The things is I want to put some animation in this list, which all the times when I select one item all the list moves, and this item goes to the center of the list!Someone have same example or URL, or something?
View 2 RepliesI'm experiencing a very strange behavior with a spark list with TileLayout placed inside a scroller. Basically, I want to have a title area above my list that scrolls away when the user scrolls down the list. To do this I put the title and the list inside a Group and wrapped the group inside a scroller with width and height = 100%. I also set the verticalScrollPolicy to off on the list to make sure everything scrolls together.
The problem is that if the list has the default VerticalLayout everything works fine but if you assign a TileLayout to the same list it only partially renders the items (about 30 items when testing on iPhone 4).
Here's the fully functioning code. Try it like this first, then try removing the <s:layout> part to confirm that it works well with VerticalLayout:
[Code]...
I have a custom class that extends List which I am using as a container. However, the scroll speed is too fast on the mouse wheel, as in it scrolls loads even if you only move the wheel a tiny bit. I tried adding an event listener to my list for MouseEvent.MOUSE_WHEEL and setting the value of event.delta but this has had no effect. Does anyone know how I can make it slower?My custom class is nothing special, I just created it so I could have a different itemRenders for different item types. It looks like:[code]
View 1 RepliesI'm sure someone must have accomplished this before, but I couldn't find any article on this.
How can we scroll a List control (with uses an itemrenderer) to the next item, when the user tabs from the current item to the next?
I know that we can use scrollToIndex(i), but how do we notify the List that the itemrenderer has moved to the next index? I couldn't find any such event.
how can i scroll two text boxes with single scroll bar?
View 3 Replies[code]When I hover the upper (red) part of the List (I would like to have the List scroll downward, the higher the mouse position is, the faster it should scroll). Similarly, If the mouse hovers over the bottom (red) part, the List scrolls upwards, and the lower the mouse is hovered, the faster the list would scroll. The current code does work - Though, the trace outs make it obvious that:this.layout.verticalScrollPosition += (mouseY - 220)*0.5.or this.layout.verticalScrollPosition += (mouseY -86)*0.5;are giving jumping effects, is there a way to make these values change more linearly or smoother? I created an AnimateProperty, but that works well only if I would like to scroll to a selectedIndex, In this case, I would like the scroller to keep scrolling linearly as the mouse is hovered to a particular red area, and increase in speed when I scroll to either extremity.The Objective: While the mouse is over the Bottom (red part )of the List, the verticalScrollPosition scrolls faster as it gets farther than the center of the ticket list... yet there is jumping effect going on, I suppose due to the EnterFrame. the Same with Upper Part... the higher the cursor is, the faster the List should scroll.I feel this is a common problem to Flash CSx developers.
View 1 RepliesI just made a scroll area with buttons and draggable items. All the code is written for vertical scrolling, the content I need to be scrolled is going to be horizontal. how can I rewrite this code to be horizontal scrolling? it seems like the scroll button (the one you drag along) doesn't stay confined to its scroll line either.
[Code]...
How can I set the scroll position for a Spark List control?
View 1 RepliesI have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).
I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.
My application looks like that :
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" >
[Code]....
When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.
It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.
I have a simple list and a background refresh protocol.When the list is scrolled down, the refresh scrolls it back to the top. I want to stop this.I have tried catching the COLLECTION_CHANGE event and validateNow(); // try to get the component to reset to the new datalist.ensureIndexIsVisible(previousIndex); // actually, I search for the previous data id in the IList, but that's not importantThis fails because the list resets itself after the change).I hate to use a Timer, ENTER_FRAME, or callLater(), but I cannot seem to figure out a way.The only other alternatives I can see is sub-classing the List so it can catch the dataProviderChanged event the DataGroup in the skin is throwing.
View 4 RepliesI created a custom layout for a list, to be used on a mobile (android). I used this as example : [URL], using virtualization. Now the problem I have is with scrolling : when scrolling to the bottom of the list, there seems to be always a "bounce back", as if the list would have reached and as if the bounce/pull effect is taking place. But in fact the list has not reached the end at all, in fact I can not even scroll to the last element in the list. When going back from bottom to top, there's no problem at all.
I trace the top and bottom of the Scrolling Rectangle (Rectangle.getScrollRect) and there I can see that when scrolling down, the top and bottom parameters increase, but when releasing the touchscreen, all of a sudden the parameters decrease again with a certain amount, and so never reaching the end of the list. All my code is available on google project hosting : [URL]
I'm setting selected element in s:List component with Actionscript, it works, but List doesn't scroll to selected item -- need to scroll with scrollbar or mouse. Is it possible to auto-scroll to selected item
View 8 RepliesI have a custom class that extends List which I am using as a container. However, the scroll speed is too fast on the mouse wheel, as in it scrolls loads even if you only move the wheel a tiny bit. I tried adding an event listener to my list for MouseEvent.MOUSE_WHEEL and setting the value of event.delta but this has had no effect. Does anyone know how I can make it slower?
[Code]...
