I'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 Custom Component that has a couple of Canvas with some background colors assigned to them. Now i have hard coded the colors, i want to move them to an external css file. So i would like to have the css declaration like this :
[Code]...
My question is if i can define custom style names like dividerRightColor and if so, how can i use that value inside my MXML Component? I have seen examples of using them inside Pure AS components.
I 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]......
I 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'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 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 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 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 RepliesI 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'm having trouble changing the font size of my TextInput tooltip. The text input looks like this:
<s:TextInput id="first"
toolTip="Hello"/>
then I create a style like this:
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";
[Code]....
P.S. I also get a yellow warning: "CSS type selectors are not supported in components: 'mx.controls.ToolTip'" but it still compiles since it's just a warning, but nothing happens.
I am using stringValidator component in flex.
<mx:StringValidator id="toValidator" source="{To}" property="text" triggerEvent="click" >
</mx:StringValidator>
It is working properly but problem is that I have applied borderSkin on ToolTip in my default styleSheet which change the appearance of the message by the validator.
mx|ToolTip
{
borderSkin: Embed(source="assets/componentImages/TabBar-tab_selectedUpSkin.png");
}
Now I want that this borderSkin should not be applied on my stringValidator.
There's some custom namespaces in my Flex project, as well as the usual namespaces like "mx" and "s". I'd like to use getStyleDeclaration on a style that's in a custom namespace, and I can't seem to figure out the proper syntax.My stylesheet looks partially like this:
.WidgetTitle
{
fontWeight: bold;
}
[code]....
If I try the same thing with a custom namespace, it outputs null:
trace(styleManager.getStyleDeclaration("myNamespace|ScaleBar")); // output: null
I've tried all the combinations I can think of: "myNamespace|ScaleBar", "myNamespace.ScaleBar", "myNamespace ScaleBar" etc and I can't find any documentation on how to do this.
using pencil tool inside flash i can create stippled line style, well, im using graphics.lineTo(mouseX, mouseY) to create a drawing API but i need use some in this line a style like stippled stroke, or if is possible use stroke ( and how ) to make the same line using stippled style?
How to custom this line?
How can we customize the background and font color of a single instance of a tooltip for one component? (Without changing all tooltips in the application.)
This is needed for the HALO component set (4.1 SDK), not Spark (css methods preferred).
NOTE: I chose to keep the history of the topic cause I think the searching process might be usefull to someone. If you want the solution go to the bottom of my post.
I searched but I didnt find my answer either on Google and StackOverflow (not even a single tutorial on it).I would like to create a rollover highlight on a button, like the windows 7 taskbar. The highlight moves and is function of where the mouse is on the button. I dont want any image on my button (only color gradient) to keep a standard component.
[Code]...
So as far as I can tell list-style-image (or any list-style at that) is not one of the available css properties enabled with a TextField.I want to have a list of items with bullets in front of them, but using a custom png image for the bullet.
View 0 RepliesI have a datagrid in my Flex App, and I;m uisng a custom HeaderRender. This HeaderRender has a checkbox. How can I control the checkbox from outside the HeaderRender?
View 1 RepliesFor a long while now (way too long) I've being searching fora decent example for using components such as a checkbox orcombobox inside of a datagrid.The only examples that i could find where all AS2 examples.The closest thing I find to an AS3 example for adding checkboxes,buttons etc to a datagrid was here but it is in no way clear how to alter the example for othercomponents.
View 8 RepliesI have a datagrid with one datagridcolumn in it. Without a custom itemrenderer I can use a datatipfunction for showing a custom datatip but now I want to have a custom item render for colouring the rows differently.Therefore I extended a label and changed the data method but now my datatipfunction does not work anymore.
View 3 RepliesI have posted two problems with a custom itemRenderer see this post. My primary Problem is, that it always selects a wrong line (one under the one I select). I now realized that this happens, when I save back the content of the itemRenderer to the dataProvider. If I code this part out, the dataGrid works as expected...
View 2 RepliesA combo box as an item renderer for a data cell in a Flex Datagrid has been demostrated at various blogs. What if that combo box has to have an external dataprovider that has to be set at the time of converting the renderer class to a ClassFactory.
View 1 RepliesA few hours ago I've asked how to create a custom component (textInput and label component and created a Component Definition) and with your answers I can do that now.
Problem 2: I'd like to use that component in a datagrid column so that the user can type a value in the textInput which will in turn update the underlying dataprovider. I know I should use a cellrenderer like I've done with a checkbox column
I have a quick question about getting the value from control which I added in my data grid by Item render and how can I get that control object when I am clicking on the cell of that column.
View 1 RepliesI'm currently building an application that is presenting tabular (fetched from a webservice) data and have squirted it into a datagrid - seemed the most obvious way to present it on screen. I've now come across a few limitations in the datagrid and wonder how I might move forward. The data is logically split into groups and I would like to be able to have subheadings in the grid whenever I move to a new group. I would like to be able to highlight individual cells based on their content relative to other values in the row - ie highlight the cell with the highest value in the row. Is this possible with the standard datagrid?
View 2 RepliesHow to add custom component in context menu of datagrid.Here custom component like one text box with formatting details.
View 1 RepliesIm working at a DataGrid which has a custom itemRenderer with a checkbox and a Label inside. Im struggling adding the the values from a xml to the wright label dynamically... how can I make the connection from the datagrid's dataProvider (a xml doc) to the label and the checkbox? My itemRenderer loks a following:
<mx:Component id="ChoiceRenderer">
<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle" horizontalScrollPolicy="off">
<mx:CheckBox/>[code].....
Is there anyway to create a custom item editor based on the dataField value? For example:
<mx:DataGrid editable="true" dataProvider="{_actionArr}" id="prop">
<mx:column>
<mx:DataGridColumn headerText="Component" editable="false" dataField="label"/>
[code]....
I'm doing the drag an drop of an ItemRenderer manually (DataGrid) and want to know how to generate a custom DragProxy of a component that hasn't been added to the display list.
I tried something like this but didn't work:
private function doDrag(event:MouseEvent):void
{
var dragSource:DragSource = new DragSource();
[Code].....
So, I want to be able to create the DragProxy using a component, the button is just an example.
I have a custom component of which have a advancedDataGrid inside it. I want thiscomponent to be reusable so need is set the datagid selectionMode as a component property.In mxml i want set property like this:
<comp:MyComp itemDataGridSelectionMode="singleCell" .../>
Inside MyComp actionScript i have a metatag like this:
[Inspectable(enumeration="singleRow, multipleRows, singleCell, multipleCells",
[code]......