Flex :: Set Color Of A Particular Row In List Control For Mobile?
Jul 13, 2011I have a list in flex mobile project which contains multiple rows. I want to set color of specific rows based on some logic.
View 1 RepliesI have a list in flex mobile project which contains multiple rows. I want to set color of specific rows based on some logic.
View 1 RepliesI am creating an searchbox for a tablet application. On entering any text the results appear below as a list. Now I want to change color of that part of the text that is there in searchbox.So which text control would allow me to do that. I found that RichText is one such control but Adobe recommends not to use it for mobileDevices.
View 1 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 RepliesIs there any dropdownlist for flex mobile , which can be used for free in commercial app and not paid one
View 1 Repliesthe thing I mean cannot be probably done with the component, but I don't know how is the component I want called. I would like to achieve a list but with sort of "icon look". You could say some sort of springboard navigation.
Here is just a quick sketch in Photoshop how it should look like: [URL]
The item is the one actual item in the list or something.
Im creating a person search interface in Adobe Flex / Actionscript where we have an image for each person and a bit of text. Im looking to implement some like this:HorizontalList InterfaceORCarousel InterfaceBoth of these packages are unfortunately only for desktop Flex, I was wondering if anyone knew mobile flex (particularly Blackberry Playbook) alternatives?
View 4 RepliesI'm creating a spark list in my flex mobile application and i want to do like a list on the iphone with a corner radius Unfortunately there is no cornerRadius or simply radius in list styles.
[Code]...
Is there already a AS3/Flex solution for swiping lists (or other elements) with gravity like the app list on andoird devices?
View 1 RepliesI'm currently working with Flex Hero mobile 4.5 to develop a mobile program.I have searched some forums allready but nobody can help me with this.How do you change the backgroundcolor of your mobile program.I have allready tried to use:
this.setStyle("backgroundColor","0x00FFFF");
I'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'm desperately trying to fix a strange behavior in my custom iconitemrenderer list: When I change the view to the view with the list inside and start scrolling, the list gets white for the fraction of a second (apperently completely redrawn), but only once when scrolling the first time after the view change.
[Code]...
I think the problem is in the myList.dataProvider.itemUpdated(oldItem), apperently the renderer thinks it has to redraw everthing, but I have no idea why.. and why only after the view is shown again.if it's a bug or something? how can I get rid of this bahavior or how can I debug this this properly?
Here is the code I am using in the label function. Some of the values are numbers and some are strings. It works:
private function getLabel (area:AreasVO):String
{
return "Area Name: " + area.areaName + " " + area.areaWidth + " X " + area.areaLength + " X " + area.areaHeight;[code].........
I just get error upon error...Numbers as Strings or a bunch of others...How do I do this?
When I move page01 to page02, I pass the same data along with it using the following code:navigator.pushView(Page02, data);How do I move to page02 with passing the next row of data (instead of the same data)? In other word, how to increment to the next row of data with pushView?
View 1 RepliesI want to create a tree view (expandable list ) in flex 4.5 builder mobile,Is it possible for web projects in flex builder for web [URL]
View 1 Replieshow can i change my list component in Flex 4.6 mobile project with that when an item is pressed it would dynamicly resize and show an article description and a button [URL]
View 1 RepliesIŽam trying to create my own custom list component in a Flex mobile Project which fires an Event when the user touches a listitem and holds the finger down for a given time.Some kind of "longTouch"-Event like its implemented on native android listitems to edit the entry for example.
I tried to listen for the MOUSE_DOWN Event to start a timer and dispatch an event when the timer finished. But this approach failed because i cant get the listitem that was pressed by the user because the List component updates the "selectedItem"-property only after the user lifts his finger from the list.
How do I change the background color of the item I'm currently hovering over in a list? The default is that light blue, but I would like to be able to change it to whatever I want. I've gone through the list of available options, but I didn't see anything that stuck out at me.
I'm sure this is ridiculously simple, I just can't seem to figure it out.
I can't seem to figure out how to set the application control bar's background color in flex 4? It doesn't have the backgroundColor property, and I'm a little stuck.
View 2 RepliesI 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.
I'm building a mobile app, using spark list control. When user tap on a list item, i want it to navigate to that correspondence page
<s:List id="list" width="100%" height="100%" labelField=" label">
<s:dataProvider>
<s:ArrayList>
[Code].....
how do i code it so that when user tap on item label="Page One" it will navigate to PageOneView.mxml and if it tap on "Page Two" it will go to PageTwoView.mxml and so on.
I'm creating a mobile app in which I need to show a calendar with months at the top. The months are part of a component that extends from SkinnableDataContainer (and has some custom scrolling/behaviour - which is why I did'nt use a spark list). I need the months to be shown as a 'trapezium' shaped tab and so I'm using a png image as a mask in the item renderer for the component.
When the mask is not applied, it all works well - the months render, the list/data container selection works when I click on a month and so on.When the mask is applied, it renders well, scrolling and everything else seems to work well - but when I click on a month, nothing happens visually. And from the trace statements in my code, it appears list item selection is not changing. Looks like mouse clicks are not working.
Code:
public class TopCalendarMonthRenderer extends LabelItemRenderer {
[Embed(source="/assets/trapezium_alpha.png")]
private static var TrapeziumMask:Class;
private static var trapeziumMaskInstance:BitmapAsset;
[code]...
Is it possible to set custom color for rows in a flex list depending on the data in it.I know how to define a custom itemrenderer and do it but I would likr to know whether there is any simple method because I don't want more components in the list
View 2 RepliesI am trying to implement a drag and drop function between a list control and a columnchart in Flex3. List items should, when dragged and dropped on the chart, be displayed raphically in the columnchart.Alas, dropping the listitems on the chart does not seem to result in a proper graph.Here my code till so far with regard to the drop part:
private function doDragDrop(event:DragEvent):void{
var ds:DragSource = event.dragSource;
var dropTarget:ChartBase=ChartBase(event.currentTarget);
[code]....
I have a s:List where I've defined my own itemRenderer, and would like to insert a horizontal line separating items, similar to the way the mx:LinkBar works. I don't want to have a line at the top or bottom of the list, so I can't just include an upper or lower border in the itemRenderer. I was hoping the itemRenderer could be made aware of its index in the list, but I don't see how.
View 2 RepliesThe following code display a list of comments using List control. The item height set to a fixed value (150), so it seems working: if the content is too long, the scrollbar shows. However, what I really want is not to set the height but let it to change according to the content size. Is there any way to accomplish this?
<mx:List id="commentList" width="100%" dataProvider="{commentSet.commentArrayColl}" rowCount="{commentSet.commentArrayColl.length}" >
<mx:itemRenderer> <mx:Component>
<mx:VBox width="100%" height="150" >
<mx:Text text="{data.commentContent}" />
<mx:Text text="{data.username} ({data.modified})"/>
</mx:VBox> </mx:Component>
</mx:itemRenderer> </mx:List>
To be more clear, I don't want to set the itemRenderer's VBox height to "150" or any other fixed value - but it'll only show one line of the text if I don't do it. So I'm looking for a way out of this. (If the VBox is not inside the itemRenderer, it'll auto adjust height as Text field string length grows - that's what I want.)
How can I set the scroll position for a Spark List control?
View 1 RepliesI have this project for school where i have to populate a drop down list control from an xml file.I mange to do that for a label/text input control, but i can't seem to do that on a drop down.I get this error any time i tell him to "additem" with an xml query (not getting it with simple text):"#1009 Cannot access a property or method of a null object reference"[code]...
View 1 RepliesTo show the complete list of available colors, one has to click the color box of ColorPicker control.How can the component be modified to forcefully always shown the colors list without any interaction from the user?
View 1 RepliesI want to get rid of the typical Flex roll-over color in list-based components, and to display my own style of roll-over rendering. Setting useRollOver to 'false' is not an option, since disabling that will also make the List.isItemHighlighted() function to always return false. My custom renderer relies on that function. Can it be so hard? Is there no way of setting that roll-over color to transparent? Is there some other way for my renderer to figure out if an item is highlighted?
View 3 RepliesI created a list control at runtime as following:
[Code]....
//Where myDataArray is an ArrayCollection consisting of my Custom ValueObjects. When i execute the code it displays my list with custom item renderer, which is fine. But when bring my mouse over it, it doesn't give any colour highlight which means it is not selecting. Secondly, when i click on any of the list item, it doesn't dispatch any change event. I tried a lot but couldn't understand it.