Flex :: Datagrid HeaderColor Style Is Not Working
Jun 16, 2010I am trying to change the datagrid header color by editing headerColor style. I could change the font size, font family...etc except the headerColor. My code
[Code]....
I am trying to change the datagrid header color by editing headerColor style. I could change the font size, font family...etc except the headerColor. My code
[Code]....
I am trying to change the header color and the row color of the datagrid. Apparently, its not a spark component so can't apply skin on it.
View 3 RepliesI have a Flex DataGrid, which has some columns, i had put a item renderer, which makes all the elements in that column hyperlinked, i have a requirement, where i need to see the type of user, based on that i have to either enable or disable the hyper link.
Is there any good way , where i can get the style properties at the cell level...?
I have a Flex DataGrid where one individual cell needs to be rendered in a different way from others. Specifically, for one row of the grid, one of its cells should be hidden.
The DataGridColumn is set out like this in my .mxml file:
[Code]...
but that doesn't work - in fact it messes up the display in a rather entertaining fashion (one of the other cells in the row gets an extra checkbox.. I suspect it may be possible by using a custom ItemRenderer class but that seems like a lot of code overhead for a fairly simple case.
I use mx.controls.Button control and I'm trying to change its colors:
import mx.controls.Button;
//...
var myButton:Button = new Button();
myButton.width = 70;
[Code]....
and it doesn't work. However cornerRadius style and many others work well.
How do I change colors of the button?
How do I setup color for a button?
I must be making a simple mistake (new to Flex). Here is main.mxml:
[Code]...
The Canvas renders fine in design mode (a nice deep blue) but when I run the application (either in the browser or in the Flash Player) the frame is red (the color from the Application tag). If I specify the color for the Canvas directly, instead of through the styleName, it works as expected (blue canvas at runtime). I'm using FlexBuilder3, and would much rather put colors in a .css file than on every Flex element Additional problem description ... has nothing to do with an external .css file. Even if I declare the CSS styles within the main.xml file, it still looks fine in Design mode and wrong when it runs. I am completely stymied.
[Code]....
So, I have a simple registration form with a datagrid underneath. When you register, your name shows up in the datagrid. It's a list of people who has registered.This all works just like it should when tested locally. Online though, you can only register, but the datagrid won't load the names. It's empty, even though the database has been updated.
View 1 RepliesI am using a datagrid in flex and need to render each cell with a different style.What could be the best way to set a style to a perticular cell in datagrid/advanced datagrid (flex)?
I think one possible option can be extend the datagrid and override the drawRowBackgroungd function. Apart from this can i use some custom item renderer or some property similar to label function of a series, there it used to return label here we need a style.
I realize that ItemFocusIn is somehow only applicable to editable datagrids in flex,nevertheless I want to fire an event anytime the user selects a new row in a non-editable datagrid. I have successfully used the CLICK event, but this event is not fired when the user uses the keyboard to select a different row in the datagrid. What do I have to do to cause an event to fire whenever the currently highlighted row in the datagrid changes, regardless of weather it was changed by the mouse or by the keyboard?
View 1 RepliesI've added styles to my datagrid text using setStyle and and setRenderStyle. My datagrid fields are set as editable. When you click on the editable text it reverts to a much smaller font. Is there a way to add styles to the input font?
View 1 RepliesI'm using the DataGrid component to display a score-board for a game.I was hoping I could create an individual style for 1 row to highlight the current players score-board position.
View 1 RepliesI have a DropDownList inside the itemEditor of my DataGrid. There are enough items in the DropDownList to justify scrollbars. You can see the scrollbars, and the mousewheel works fine. If you move the mouse over the scrollbars, they'll change appearance fine (mouseover is working). If you click on them, the DropDownList closes as if you'd clicked elsewhere in the data grid.
I've been experimenting with custom skins hoping to find a way to trap the mouse event, but have been unsuccessful.
FWIW, this is Flex4, as an AIR app.
Scratch.mxml (main code)
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
I have a requirement to show an arrow mark when a row is selected in datagrid as shown in the attached picture.The selected line should show an arrow style instead of normal line.
View 3 RepliesUsing an FLV playback component, I am reading subtitles into a dynamic text box. I'm essentially using the same XML code seen here:URL]..Only problem is, the style tags aren't working for me. They do nothing, and the font style options selected on the stage in the FLA seem to override any style tags.
I'm wondering - does the text box need to be created in Action Script (as opposed to on the stage)? [FYI, I just tried this, this did not seem to work either]. What else could it be?
(Note that I can achieve styling through using CDATA tags, which makes matters more confusing to me. I'd prefer to use the timed text ones if they can work, as they are a little better for readability).
I've added an eventListener to the COLLECTION_CHANGE event that is fired when the grid is finished resorting the items in its dataProvider, after the user clicks on a column header:MyType (myDataGrid.dataProvider).addEventListener(CollectionEvent.COLLECTION_CHANGE,onDataGridResort);
View 1 RepliesI am working on a problem since a week soon, but I still couldn't make it work as expected. I have a DataGrid which has HBox with a CheckBox an a Label as itemRenderer (see Code below). When I tap in to the Cell the standard itemEditor pops up and lets you enter the content of the label. Thats the standard behavior. I works fine except for 2 problems:
If I enter to much text, the horizontal srollbar pops up, and the cell is filled with that scrollbar. As you see I tried to set the horizontalScrollPolicy to off, but that doesnt work at all... I tried to do that for all the different elements, but the failure is still existent. When I have filled more than one row, there is an other mistake happening. If I tap on a row, the datagrid selects the one below that row. That's only if one line is already selected. If I tap outside the datagrid and then, tap at any row the itemEditor of the right row will show up... Is there anything now wright in the setup of my set data method?
package components
{
import mx.containers.HBox;
import mx.controls.CheckBox;
[Code]......
From this (normal dataGrid)
into this (horisontal data grid)
How to turn Flex MXML DataGrid into something like Horisontal DataGrid? (may be some how with Flash builder 4?)
Keeping all stuff DataGrid has like eating data from data provider sortind dragging - droping items etc
I have two datagrids:
- Division
- Members
Both have single columns. Selecting one item from Divsions datagrid should display members of that Division in the Members datagrid. But following code has some problem and Members of a particular division do not show up when respective Divsion is clicked.
Following are some snippets of the related code. Hope someone can spot an error in it.
[Code]..
For poor performance reasons, the DataGrid will cache checkboxes and reuse them for different rows. If you have 50 rows, it won't create 50 checkboxes. It will create as many checkboxes at are visible, plus a few more for padding, and then reuse them as you scroll. This is why you need to explicitly manage their state. How can improve it ? How can fixed checkbox value ? i used checkbox like below But checkbox doesnot remembering the values
[Code]...
I have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
If you have two text areas with different styles (fontFamily, weight, color etc) and you copy text from one to the other it also copies the style from the originating text area. Is there any slick way to prevent that?
Here is a sample of code that will illustrate the problem. Type some text in the top box and some text in the bottom, then copy some characters from the top box to the bottom. I'm not using htmltext.[code]...
Is it possible to style the string returned from the labelFunction so I can change color and font of the callout (inside)? Or some other way? (It seems like a big limitation to have that only return a string that is unstylable.)
View 1 RepliesI'm interested in finding out the best approach to this issue, it's not technically difficult but there must be an elegant solution. Basically i have a form that features mostly text inputs, i would like to change the style of the input boxes based on the current state. I can do this in the mxml on each input...
[Code]...
What I'm trying to do is export a datagrid to a PDF, which is working fine except that it keeps dropping out the data of the 4th column every time. I've set breakpoints to make sure the data is still there and it shows up but when the PDF is created that whole column has no data in it.
ActionScript Code:
private function printPDF(event:MouseEvent):void{
this.removeEventListener(MouseEvent.CLICK, printPDF)
var PDFcolumns:Array = getPDFColumns(_dataGrid);
var resultsArray:Array = _dataGrid.dataProvider.toArray();
var pdf:PDF = new PDF(Orientation.PORTRAIT,Unit.MM,Size.LETTER);
[Code] .....
I have created a simple datagrid and added columns and rows. The vertical scroll is working fine but when I scroll the horizontal scroll the content does not scroll.
View 4 RepliesI am attempting to style the headers in a flex datagrid and I keep getting the warning:
Type DataGrid in CSS selector 'DataGrid' must be qualified with a namespace
What does this mean? I have gone through a bunch of tutorials and none of them have worked. It seems like changing a the colors in a datagrid should be relatively simple.
Here is a code sample:
<mx:Style>
.headerCustomStyle
{
fontWeight: "bold";
[code]....
I've got a comboBox component on the stage, instance name 'combo'. I want to style the text. I followed the adobe instructions, but they seem not work, and I get no errors.
Code:
import fl.data.DataProvider;
import flash.text.TextFormat;
var tf:TextFormat = new TextFormat();
[code].....
in Flex I have something like that: [code]and dg is ALWAYS pointing at DataGrid (even if dg1 has name DataGrid_test and dg2 = DataGrid_test2) and finally action is made on my first DataGrid (DataGrid_test).[code]and search still points at ColorColumn :/ My problem is really easy- I just want to pass to search different dataGrid on each state.But still I don't understand why it doesn't work. My search function uses algorhitm Boyer-Moor for searching through dataGrid.dataProvider for some text. If it find something then it is pushed into new array and after passing whole dataProvider I colorize rows with searched word.
View 2 RepliesI'm using flash builder 4.5 to make a website. At the moment I'm trying to work on the layout of my website but I'm facing some problems. First of all my CSS looks like this.
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Application{
[code]....
Just wondering if it's possible to apply a *.css to a spark TextArea? If so, how?
View 1 Replies