ActionScript 3.0 :: Setting Background Color In Flex DataGrid
Nov 23, 2011
I have created a search tab and by giving different inputs I am listing search objects in my datagrid. I want to color each row wrt to its type e.g For Admin Red color or red text is displayed in respected datagrid row. How can I do that, atm I am using this code for creating datagrid.
<mx:DataGrid x="170" y="10" height="238" width="318"
dataProvider="{userContacts}" id="contactsGridView">
<mx:columns>
<mx:DataGridColumn width="80" headerText="Username" dataField="username"/>
<mx:DataGridColumn width="80" headerText="First Name" dataField="firstName"/>
[Code] .....
View 1 Replies
Similar Posts:
Oct 21, 2010
I have a Flex Tree component in my app. I set the icons for open and close.
BUT I can't find something about changing the default background-color from white to something different.
obviously there is no background-color setable in css...
View 1 Replies
Jul 3, 2009
I am trying to set the row background color for the advanced data grid control in Flex 3. Does anyone know if this is possible using a style function. Currently my style function looks like:
public function myStyleFunc(data:Object, col:AdvancedDataGridColumn):Object
{
if (data["status"] == "PRICING")
return {color:0xFF0000 , fontWeight:"bold" , backgroundColor:0xFF0000};
[Code].....
However the background color does not change.
I have heard on the grape vine that I may need to override some methods to enable the background color property.
View 1 Replies
Jan 22, 2011
I'm trying to do use the following code:
ActionScript Code:
var my_color:Color = new Color(closeText);
my_color.setRGB(0xFF0000); // any color
I get the following compiler errors though: Symbol 'closeText', Layer 'Layer 1', Frame 1, Line 11046: Type was not found or was not a compile-time constant: Color. Symbol 'closeText', Layer 'Layer 1', Frame 1, Line 11180: Call to a possibly undefined method Color.
View 1 Replies
Sep 18, 2009
I've got a reporting system that uses Flex Visualization charts for the GUI. The first row of a report is the header and the second is a summary row that sums all the data in that column for the data rows. The summary row is locked so that when you scroll down it stays at the top. In Flex 2.X I was able to change the background color of this locked summary row by overriding drawRowBackground and setting the color for the row with index 0. I upgraded to Flex 3.4 and now this no longer works. It appears to iterate over lockedRows separate from other rows, so drawRowBackground is called with a row index of 0 twice and the first data row ends up getting colored.
How are you supposed to change the background color of lockedRows in 3.4, or am I misusing this component and there is another way to achieve my goal here?
edit: mods I think maybe I misunderstood the name of this forum and this post actually belongs under ActionScript 3.
View 3 Replies
Apr 23, 2010
I am using a tilelist I want to change the border color and the background color of the tile on selection.
View 1 Replies
May 21, 2009
I have an image and i want to remove white color from image.That removing color is same like its background color. If anybody have any idea of this problem please answer?And my application in Flex 3 so please send me action script code of this problem.
View 2 Replies
Oct 9, 2010
how to set value at a cell level in a data grid
I used the following
private function dataPanel(rowindex:Number, Var1:Number, Var1Name:String, Var2:Number, Var2Name:String, Var3:Number, Var3Name:String, Var4:Number, Var4Name:String): void {
trace("rowindex ", rowindex)
[Code]....
col1,col2, col3, col4 are id's for the 4 columns in data grid rowindex increments for value in each row...
it compiles and i get an error- it gets a strange error when i try to assign col1[].
View 2 Replies
Oct 8, 2010
I have Flex 4 DataGrid, what I would like to do is when an cell has been edited, I would then like to walk through the values of that column and preform math on the values, e.g., I want to total up certain values.
1) How do I reference individual values of a specific column so that I may set them.
2) How do I then set those values or should I create a new column array and pop it in place of that column.
View 3 Replies
Oct 10, 2011
I have this spark DataGrid with five columns. my third and fourth columns represent amount (of product ordered) and price (of a unit of the product). My issue now is to set the fifth column equal to price*amount. I can't seem to find a way to do this.
View 1 Replies
Nov 12, 2009
What is the method to set different colors for alternate rows in a flex datagrid? So that two adjacent rows are identified easily?
View 2 Replies
Sep 8, 2011
I have a spark DataGrid component with several columns and I want to have my application default to descending order on the first column in the DataGrid. I would like to use the built-in default sort that occurs when clicking the top header once. I have no need to sort the ArrayCollection I'm working with or change what the comparators are.I also want any user-generated sorting such as clicking on a different column's header to override the default sorting.
View 1 Replies
Jan 4, 2010
My problem is that empy rows (if there are more rows that dataSource items then there are empy rows) look identical to rows binded to dataSource items which are empy (see the difference?). The only way to know the difference is to hover over them with the mouse, and if they are empty there's no color change, otherwise there's the blue background of the selection.. I want to change the color or in some way hide empty rows, those that are not bound to a dataSource item.
View 2 Replies
Mar 27, 2011
I have a advanced datagrid label function like this:
private function dgFormat(item:Object, column:AdvancedDataGridColumn):String{
var v3:int = item.value1 - item.value2;
return "Total: " + v3;
}
How can I change the text color of v3 dynamically? I want it to be red if it's less than zero & black otherwise.
View 2 Replies
Nov 19, 2011
How to Set alternat Row Color In Flex 4.5 MobileApplication For Spark Data Grid. The Main Problem Of SparkDataGrid in Mobile Application not Allowed to Add Skin.
View 2 Replies
Mar 7, 2010
It seems like there are various hacks out there to change the background colour of the row of a datagrid but all of them seem to happen at render time.See: http:[url]....I have a datagrid where I need to change row colours to red then back to normal frequently based on changes to the bound ArrayCollection. So I'm looking for a way to change the row colours dynamically.Obviously as the changes are happening frequently it would be nice if changing the background colour of the row wasn't an expensive process.
View 2 Replies
Jul 14, 2011
I almost got it, but the part that's giving me trouble is making the header background transparent. I am making a custom MXML skin based on the default Spark DataGrid skin. I tried setting the contentBackgroundAlpha to 0 on the columnHeaderGroup and the headerRenderer, but that didn't work. I tried setting visible to false for either of those, but that made it so that the text didn't show up either, so that didn't work. There is no setting for backgroundAlpha in either of those two, so I'm not sure what else to try.
View 2 Replies
Dec 29, 2009
How can i change the color, when the user mouse over an item on datagrid or tilelist. Basically once the user mouse overs and once the user selects a file. How to change the default color to something else. The default is blue and i dont like it :)
View 3 Replies
Jun 29, 2011
I have a custom skin applied to a Flex 4 spark datagrid. One really annoying issue I am having is finding the ability to override or change the selected row border color. I was able to set the selectionColor just fine but the border is still the default light blue color. I need it to be yellow.
Anyone know where I can find this style or override this border that is being set when selection happens within the skin itself.
View 2 Replies
Sep 26, 2010
I want to give the users the ability to set the background color or choose image to make it background (Tile, Center and Strentch). I tried couple of things with no luck such as trying to chaing a Skin object and assign it.and tried something like:
FlexGlobals.topLevelApplication.setStyle("backgroundColor",uint(chosenColor));
View 1 Replies
Jul 25, 2011
I'm trying to change the background color on a textinput component in flex 4. I've been able to change some of the appearance by messing with the canned code flash builder generates for the sparkskin but for some reason, background does nothing.I'm just trying to make the background black. I changed the background color but it's not working:[code]
View 1 Replies
Dec 13, 2010
I want to display an image instead of Color in item Selection and Hovering(mouse over) in Flex DataGrid. how i can do it ?
View 2 Replies
Oct 30, 2009
Is there a way to set a common Backgroundcolor for all the tabs in a given TabBar? Rightnow I am able to set color only for selected tabs using
tabBar.getChildAt and setStyle
View 1 Replies
Sep 6, 2010
I have a custom preloader that I designed in flash. When I load it in flex, it loads with a white background. When I try to change the background to black in my flash file & load it in Flex, the background color remains white. I've also tried to update the compiler settings in Flex, adding "-default-background-color #000000" but I still get a white preloader background. I am using Flex 4. Here is my Pre.as file:
View 2 Replies
Oct 7, 2010
I'm trying to change the background color and or text color of a BorderContainer in flex 4 using Action Script, but have not idea how to. The Border Container component doesn't seem to have any properties like:
idname.color = "#333333";
idname.backgroundcolor = "#333333";
How might I go about doing this?
View 2 Replies
Feb 21, 2011
I have a Spark TextArea with a SpanElement inside. This element has the backgroundColor property set, but I would like to have the background a bit taller because it looks a bit weird at the top like this.[URL]..
I already tried to adjust lineHeight and paddingTop for the SpanElement, but no luck.
View 1 Replies
Apr 8, 2011
Using CSS, how do I set the background color of a Flex MX Button? My button is declared as:
<mx:Button label="My Button"/>
And the CSS is:
@namespace mx "library://ns.adobe.com/flex/mx";
mx|Button {
color: #66ffff;
backgroundColor: #333333;
}
backgroundColor doesn't seem to be the correct CSS property for MX Button's background color. Looking at the Flex API docs, I tried fillColors but that didn't do anything.
Is it possible to change mx.controls.Button's background color using CSS?
View 1 Replies
Apr 11, 2011
Is there a way using CSS, to set a mx.controls.ComboBox's background color. This would be the background color of each row when the ComboBox is clicked (expanded). I've tried backgroundColor, fillColors and backgroundGradientColors without success.
My ComboBox is contained within a FormItem. I've also tried setting FormItem's backgroundColor, fillColors and backgroundGradientColors. It's not clear to me where ComboBox obtains or inherits its list cell background color from.
View 1 Replies
Jun 29, 2011
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.
View 2 Replies
Feb 24, 2010
I 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 Replies
