Solved

Advanced Datagrid : fade effect

Posted on 2011-09-15
8
524 Views
Last Modified: 2012-05-12
hi guys

I am working with flex advanced datagrid
when an item is changed in any row of AdvancedDataGrid, i want a Fade effect on that row.

Is that possible to do that in action script?

This is how i am creating the columns

public class TradeGrid extends VBox{

private function createColumn(columnIndex:int,fieldObject:Object):AdvancedDataGridColumn{
var column:AdvancedDataGridColumn = new AdvancedDataGridColumn();
column.headerText = fieldObject.caption;                   
column.editable = true;
//here i want a fade effect ( like it should fade from Black to white)
return column;
   }
}

Is it possible to do that?
any help will be greatly appreciated

thanks
0
Comment
Question by:royjayd
  • 4
  • 4
8 Comments
 
LVL 29

Expert Comment

by:dgofman
ID: 36553005
fade? or change color?
0
 

Author Comment

by:royjayd
ID: 36553038
Well , Some kind of effect would be nice on that row which is changed by the user..
Fade or change in color would be fine.
0
 
LVL 29

Expert Comment

by:dgofman
ID: 36553049
Please can you decribe more what exactly do you want. Change on entire row or column?
0
 

Author Comment

by:royjayd
ID: 36553901
Say I have editable  datagrid with 2 columns 'id' and
'name'.  I have 5 rows something like
Id   Name
1.     Jay
2.      Peter
3.     Tracy
4.     John
5.      Erwin

Modify row:  textbox
Modify name: textbox
Submit button


Now user enters 4 in modify row textbox and
User enters jhonny in Modify name textbox and clicks
Submit button. So the name in fourth row of datagrid should change
From John to jhonny with some fade effect on that row.


When

0
Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

 

Author Comment

by:royjayd
ID: 36553915
So basically when the value in a datagrid row changes
I want some fade effect on that row.
Maybe I need to use the 'change' event listener but not sure..

Thx
0
 
LVL 29

Expert Comment

by:dgofman
ID: 36555569
You can do text fading ONLY when fonts are EMBEDDED

But I will not recommend for such not important feature add couple KB into your file
0
 

Author Comment

by:royjayd
ID: 36560008
ok instead of fading the entire row is it possible to fade the text which has changed.
In above example when 'John' is  changed to 'Jhonny' i want the text fade effect on 'Jhonny'

Basically i want the user to see the text change...

thx.
0
 
LVL 29

Accepted Solution

by:
dgofman earned 500 total points
ID: 36561688
Yes, you can change a font color, please check this link.

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/Flex/Q_27229187.html

override public function getTextStyles():TextFormat{
                                                var tf:TextFormat = super.getTextStyles();
                                                if(listData == null || data is DataGridColumn)
                                                      return tf;
                                                var item:Object = data[DataGridListData(listData).dataField];
                                                if(item == "'Jhonny")
                                                      tf.color = 0xff0000;
                                                return tf;
                                          }
0

Featured Post

Problems using Powershell and Active Directory?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
AdvancedDataGrid 4 350
Video Playback in Flex Mobile App 4 1,476
How to create a simple "throw object" gesture on as3 / air mobile ? 3 1,172
Play RTMP without Flash 3 439
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…
This article aims to explain the working of CircularLogArchiver. This tool was designed to solve the buildup of log file in cases where systems do not support circular logging or where circular logging is not enabled
In this video I am going to show you how to back up and restore Office 365 mailboxes using CodeTwo Backup for Office 365. Learn more about the tool used in this video here: http://www.codetwo.com/backup-for-office-365/ (http://www.codetwo.com/ba…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

863 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

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now