I'm having some issues aligning the header text of a datagrid. I'm using an embed font for the header text, and when applying the css, the header text behaves as if I'd set the text vertical align to top. I'm trying to vertically center the text, but haven't found a way to make it work.
View 1 RepliesI have a dynamic text filed and an input text field. when I type in the input text field the text Will show up in the dynamic text field.I have positioned the dynamic text vertically like this:
P
A
L
[code]........
I am trying to read data from a XML and then create a match-them kind of game where one set of choices are listed one on top of other and another set is on a row above them one after the other with the text aligned vertically.I have the whole thing working out perfectly but the only problem is that I am not able to display the text vertically. I did some searching and turns out that Dynamic and Input Text boxes can not display vertically oriented texts. I thought about creating static textfields at run time but couldn't find an option to vertically orient the text in the formatting options.I tried rotating the movieclips after the textfields have been created but as soon as the clips are rotated, the text disappears.
View 4 RepliesCan i add two header text in Datagrid? My Requirement is to have two Headercolumns in a Datagrid. Is it possible?
View 2 Repliesi have a datagrid. i want to change the header text of the first column to a dynamic text on click on a button.
View 1 RepliesI created a component that is multiple datagrids side by side that share the same columns (each datagrid is the same as the one before but with different data).ProblemThe header text only shows up on the last datagrid. How can I get the text to show up on all the datagrid headers?Here is how I instantiate the component.
<common:PageDataGrid width="100%" height="100%"
numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
<common:columns>
[code]........
I'm having trouble in rotating the header text in my datagrid. I don't know understand the reason why its failing.
Datagrid column AS3 code:
dgc=new DataGridColumn();
dgc.dataField=columnName.gene;
dgc.labelFunction=gridLabelFunction
[Code].....
In the Spark DataGrid the default row height is about 22 px. I would like to set the default row height to 18 pixels and I can do this easily enough with the rowHeight property but what happens is when the rowHeight is set to anything less than 22 px the bottom area of the text in each row is cut off. It seems that the default grid itemrenderer or grid label has a min height set to it. Since I have multiple columns and want to have shorter rows but not have the bottom of the text cut off in each row how would I do this?
View 2 RepliesFor a flex datagrid : How do I have different fonts for a column header and the text in the corresponding cells?
View 1 Repliesi would like to align the datagrid in the gridItem with instance 'row5' such that it is align with the other textInput in instances 'row3' and 'row4'?
<mx:Grid paddingTop="4" paddingLeft="4">
<mx:GridRow id="row1">
<mx:GridItem>
[Code]....
how to action script a photogallery using xml in a flash file which works fine. However I need the thumbnails to be stacked vertically not horizontally. Is there a way to add code to do this?Here is a sample of the current actionscripting code:
var thumb_spacing = 40;
// load variables object to handle loading of text
var description_lv = new LoadVars();
[code]...
I have an attached movieclip that duplicates boxes vertically. All the boxes are different heights, because I've scripted it to adjust with the amount of xml text contained inside these boxes.
How do I get these boxes to line up right without overlapping eachother?
[Code]...
I would like to make the height of my DataGrid rows a bit larger than the default. The problem is that the text is vertically align to the top of the row. I would like to vertically align it to the middle of the row.
Is there a way of doing that via CSS or Skinning in Flex 4.6? note that I am using a Spark DataGrid and not an MX version.
i have this code
<mx:DataGrid id="tempListDG" itemDoubleClick="doubleClickHandler(event)" width="100%" height="100%" rowHeight="110"
draggableColumns="false" sortableColumns="false" allowMultipleSelection="false">
<mx:columns>
<mx:DataGridColumn id="chkSel" headerText=" " width="15" sortable="false">
<mx:itemRenderer>
[Code]...
I'm using FB4.6 and constructing a variable sized DataGrid in actionscript. I need the text to wrap in the header (actually every cell) of a datagrid. I can find examples of doing it in mxml but not programatically.
View 0 RepliesCan i have a datagrid that displays data vertically instead of horizontally?for example, if this is my dataprovider:
array('firstname':'John','lastname':'Doe'),
array('firstname':'Jack','lastname':'Jill')
I want the data to be displayed like this :
Fields Value1 Value2
Firstname John Jack
Lastname Doe Jill
and so on .... whats the best way to achieve this .. If i have to extend the datagrid component.
How can I use cell render class to modify datagrid's header ! but head is not a cell ! I just want to change header text align!
View 4 Replieshow to create an headerRenderer and embed and image in the first header (column) for my datagrid.
View 1 RepliesIs it possible to set a tooltip just on the header of a spark datagrid. I do not want any tooltips on the data - just the header. I have played with mouse over and this sort of looks like it might work. This seems a bit of a hack to me though.
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 display the grid control in Flex ( version 3 . with a marker/(or)icon (which acts like a button) in each colum header of the grid.2. on click of the button i want o popup a textaread to capture some comments.3. on close of the popup i wan to then change th markericon in a way highliting it which would indicate that some comments(footnotes) are present for this column. I am very new to flex looking at the data grid control at this point. I understand that the standard features can be easily plugged in by msxml. Do i need to write some complex action script for above feature listed?
View 2 RepliesI want to remove the highlight that occurs when mouse over occurs on the headers of a DataGrid.
View 4 RepliesIs it possible that when mouse is over the datagrid header the cursor changes to hand cursor instead of the pointer?
View 1 RepliesIs it possible to remove the horizontal separator which divides the headers with the data? I managed to remove the vertical ones with mx.skins.Programmatic skin, but could not find a way to remove the horizontal separator.
View 1 RepliesI want the comboBox to be placed in one of the columns of the datagrid header.The datagrid should be filtered according to the value selected in the comboBox.e.
View 1 RepliesI use a flex mx:datagrid. I can set the headerBackgroundSkin to specify a skin or a picture to be displayed in all datagrid column's headers and it works just fine !
The problem is I can't find any way to specify a custom skin for the currently sorted column (doesn't matter if the sort is asc or desc, this is just to show the user which column is currently sorted).
I also tried to create a custom headerRenderer for each column but it is quite complicated and doesn't work very well.
I have been looking for the solution for a while but I can't find a good approach to do it. It sounds like a very basic need for me...incredible it is so complicated to achieve with Flex !!
I noticed someone was looking for the same thing few years ago but without success... [URL]
I have the following code layout in mxml. The button will be positioned correctly in the middle, but the text remains anchored to the top. This is not the behavior of the spark component label, but I need multiple style runs in the text and have found the mxText component to be the best solution...
<s:Group>
<s:layout>
<s:HorizontalLayout verticalAlign="middle" gap="0" />
[code].....
How do you remove the header row from a Spark DataGrid? MX DataGrid had the attribute "showHeaders" but this doesn't seem to be present in the Spark DataGrid.
This seems like it should be a very easy task, so either I'm extremely dense or just missing something? Do I have to create a custom skin for my DataGrid and remove the header parts? That seems like overkill or is it the Flex / Spark way?
Is there possible make a dataGrid with more than one Row header with different Height and Width in each row ?
View 4 RepliesI have a panel in my application. My requirement is, I also require a link, that is "Help options" to appear in the panel's header. In the left, we will have the Panel's title and in the right corner, I need this link. Is that possible?
View 2 Replies