Solved

How do I fade/transition the background color of  a row in a Flex 4.0 AdvancedDataGrid?

Posted on 2010-08-18
3
567 Views
Last Modified: 2012-06-27
Hi:

I have an mx:AdvancedDataGrid on a panel in a Flex 4.0 application.

When a new row gets added to the grid, I would like to have it's background color be something like red.
Then over time, I would like to fade/transition this background color to the default row background color for that grid.

I'm adding rows 1 at a time as I get them from a data service call.
I would like to do this for each new row that gets added.

I've seen examples of transition states and fading, but it's not clear how (and if) they would/could apply to rows in a DataGrid.

It would be great if someone could help out with ideas shortly as this would add some sizzle to a client demo that's due in the next day or so.

Thanks,
JohnB
0
Comment
Question by:jxbma
  • 2
3 Comments
 
LVL 4

Assisted Solution

by:andreMariano
andreMariano earned 500 total points
ID: 33502100
create an ItemRenderer...
override the set data method
and then apply your effect in wich set data call
0
 
LVL 1

Author Comment

by:jxbma
ID: 33513023
I was able to change the color of the cells in a row and then change it.
I added a (hidden) column with a timestamp.
Once the row's time stamp exceeded a threshold, I used the row's default background.
I used an item renderer for this.

It would be nice to get the "Fade" effect to happen on a per row basis.
Is this possible with AdvancedDataGrid rows/cells?
I've used it before with standard controls.

Thanks,
JohnB

0
 
LVL 4

Accepted Solution

by:
andreMariano earned 500 total points
ID: 33521176
Ok, there is 2 way of doing this....
1º and the way I current know is setting the same itemRenderer for each and every row that is setting the effects in the itemRenderer... it's actually easy.
2º and the way I don't know you can create you own Advanced data grid extending from a AdvancedDataGrid and in every change of row value, you can apply the effects
0

Featured Post

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
The purpose of this video is to demonstrate how to set up the WordPress backend so that each page automatically generates a Mailchimp signup form in the sidebar. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question