Flex :: Embed Image Into Grid Column?
Apr 5, 2010Is there an easy way to embed an image into a flex grid column? Something similar to[url]...
View 1 RepliesIs there an easy way to embed an image into a flex grid column? Something similar to[url]...
View 1 RepliesWhenever I add paddingRight to a column in the flex grid, it adds the padding to the header as well.Is anyone familiar with how I can add paddingRight just to the column and not to the header? Below is the column code where I was specifying the padding.
<mx:DataGridColumn width="60" headerText="Type" dataField="Grade" headerStyleName="headerLeft" textAlign="left" draggable="false" resizable="false" headerRenderer="GridHeaderRenderer" paddingRight="5"/>
How to make a computed column in Flex datagrid? example:
<mx:DataGrid dataProvider="{ConsoleDetails}" id="datagrid">
<mx:columns>
<mx:DataGridColumn headerText="Absent Hrs" dataField="absentHrs"/>
[code].....
I'm using a mx.containers.Grid to layout some data, and the last column is a set of checkboxes. MXML Code snippet:[code]Basically, I want the labels & text values to align however the Grid component sees fit. However, I'd like the checkboxes to be right-aligned. I've tried setting the width of the textValues to 100% and it does nothing. I don't want to use hard-coded pixel values/canvases/etc because it is important that this is easy to change/update.
View 2 Replieswhen we use an advanced data grid, only when we click on the parent element the children details get populated in the corresponding columns, right?..SO now i have made the empty columns invisible(at design) now how do i make them visible at run time when the parent element is expanded..similarly once the columns are visible, how can i make them invisible again when the parent element is closed.
View 1 RepliesHow to get value of selected column form Advanced datagrid whose visble propery is false .
View 1 RepliesHow can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 RepliesI want to know which header the user clicked on to give the currently sorted view. Is there an API in flex framework that I can use to achieve this? Hopefully I can get back a column index so I know how it is currently sorted.
View 1 RepliesI am looking into achieving below two features in a flex grid( or advanced grid).
1. merge column headers ( as in group just the cells in the header row ).
2. add multiple ( say 2 ) headers to the grid.
I have a Flex Column Chart that has a range of 0 - 6 on the y-axis. I have added the following block to change the default colour of the horizontal grid lines to black.
<mx:backgroundElements>
<mx:GridLines>
<mx:horizontalStroke>
[Code]....
This works fine for all but the horizontal grid line at the top of the chart (at y=6). If I change the maximum value for the y-axis to something different then this new max doesn't have the formatting applied (but all the others do).
how do I get the top line to be black like the rest of the grid lines?
I am trying to figure out how to open a pop up window in my Air application, in a secondary Window, instead of the main application window.I am using the ReusableFX components, which include a custom DataGrid with filtering and other capabilities. The filtering feature displays a pop up window via PopUpManager when you click on the top of a column in the grid.
PopUpManager.addPopUp(this, FlexGlobals.topLevelApplication as DisplayObject);
The problem is that the pop up window opens in the main application - I am assuming because of the 'topLevelApplication' reference.So, I need a way to open this window in the current Air "s:Window". I am assuming I need a way to walk up : this.parent.parent or this.owner.owner - though I have tried that and it did not seem to work (it said null reference).OR, is there a way to get the current top most window / component (NOT the main application / window)?
Update:I decided to create a new project for the component, and add in the Air libraries. Now I am able to access the "NativeApplication.nativeApplication.activeWindow" call. That gives me the correct Air window. However, it does not seem to be working:
PopUpManager.addPopUp(this, NativeApplication.nativeApplication.activeWindow as DisplayObject);
My popup does not appear. I am assuming because "activeWindow" is not actually a DisplayObject?(so how do I get the DisplayObject if that's the case?)
How to embed the Flex Grid in ExtJs framework.
View 1 Repliesthere's a need to select a mechanism, allowing user to hide/show columns in a DataGrid.One of suggested ways is adding a button (which looks like a column header, but with no column). When user clicks on it, the list of columns comes and user may select columns to hide/show. But is there any way to have such column in a grid (just a header with no column .. as example - you may see the grid in Mozilla Thunderbird)?
The other, less likely way, was the popup list, appearing when mouse hover the DataGrid. But this list would be used rarely. So, this flashing list would be just a headache for an end-user.
The ways with mouse-clicking .. I'm just afraid, that they would be left unnoticed and user would have a hard days while using a grids with a dozens columns.
Edit #1Maybe it would be better if I just provide a pic of this magical "header with no column", to escape confusion ..
Here's it .. there's a clickable column-header in a grid, but there's no column under it ..
Edit #2There's some area right above scrollbar in the dataGrid, it might be the right place for putting this functionality .. but it seems like I can't use it.
I have a data grid who's data provider is set to an XML object.
Code:
<mx:DataGrid id="streamMonitorGrid" dataProvider="{_data.stream}" height="100%" width="100%">
[code].....
I have done a datagrid in flex and would like to embed it in an asp page. How do i go about that?
View 1 RepliesHow dynamically add column contains checkbox to datagrid?[code]...
View 1 RepliesI'm trying to extend an isometric Flash game based on as3isolib. The game does only support diamond shaped grids but I have to implement the possibility to have rectangular shaped grids, too.
[Code]...
I have a Flex 4, mx:DataGrid with the following (pertinent) properties set:
width="100%"horizontalScrollPolicy="off"
I have the minWidth set on all of the DataGridColumns and the width set on one of them. If I simply maximize/minimize the display (in browser or stand-alone flash player) of the application, the columns scale up and down nicely. But if you grab the edge of the application and drag it to make it bigger, only one column grows really big. When you drag the size down again, the one column remains big, but all of the other columns get squished way down.
I want to know column index of header in AdvancedDataGrid when a user clicks on header - either left click or right click.
View 1 RepliesIn Flex, using AdvancedDataGrid, I'm trying to achieve a drag and drop of one row's column data to another row's column or the same row but different column. Is this even possible? I've been googling for hours and all I can find are drag and drop whole columns just to rearrange their view order.
View 1 Replieshere is the existing chunk of code:
if (status != FlexFieldInfo.EDITABLE) {
setToolTip(uiComponent, status, entityForm);
graphics.beginFill(0xFFABC0);
graphics.drawRect(0, 0, unscaledWidth, unscaledHeight);
graphics.endFill();
i would like to replace the background color with a tiling background-image. i understand that "graphics." can only fill or draw. i understand the chunk of "graphics." in the code above needs to change to something else, but i am at a loss of how to call the following image: background-image: Embed("images/bg-uneditableField.jpg");
I have searched high and low unsuccessfully. I am a front-end developer just stepping in to our Flex 3 environment and am not a strong javascript/.as person. Note: our application needs to stay in Flex 3, upgrading is not an option at this time.
I'm attempting to add an image to a datagrid item render dynamically in flex. Here is my DataGrid code The value of "str" in the getImagePath function is correct.
[Code]....
I am having a list which is rendered to display images , name of all images is in dataprovider of list. Now i am unable to find how to make all images as embedded images as the name is coming from dataprovider?
Below is list:
<s:List itemRenderer="imglist">
<s:dataProvider>
[code].....
This works:
<mx:Image styleName="image" source="done.png">
</mx:Image>
This doesn't:
<fx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
[Code]...
I'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
View 2 RepliesI try to embed images in a mx:tree:
<mx:Tree labelField="name" id="tree"
folderOpenIcon="@Embed(source='assets/images/test.png')"
folderClosedIcon="@Embed(source='assets/images/test.png')"
defaultLeafIcon="@Embed(source='assets/images/test.png')">
</mx:Tree>
This works fine, but I will embed the images with a String variable.
[Code]...
I have the follow declaration :[code]How can i determine "img6" width and height ?
View 1 Repliesfast methood to turn an Embed Image into BitmapData.
View 2 RepliesI've a flex application which has actionscript file, images. When i run this in adobe flash builder, everything works. When i export it as a release build and run in other file, swf does not show images and interactivity of flex components is also lost.Is there a specific way to embed images?Here is image code,
View 1 RepliesI need to include an icon to the left of a label in my form. it would probably work best if the icon was part of the label. it seems to me that a form item cannot have anything preceed the label on the left side, is there anyway around this?
View 3 Replies