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.
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 Repliesdo you know of a way to vertically align text? i have a text box that is the height of 400 and there is one line of text going within it that needs to be centered so there is the same amount space at the bottom and top. the text is subject to change in amount of lines so i need to have a way to have it centered always.
View 2 RepliesI have Input Text box and the size is Width: 200 and Hight: 150. I need to align text vertically center using action script.
View 5 Repliesis possible to align text in dynamic text control vertically to the middle? In flash CS3.
View 1 RepliesI 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].....
I'm creating Flash-based software that has text boxes where users write in the answers to questions. I want the text that the user types to be vertically aligned to the middle of the text box, so that even if the response is two or three lines, it is still centered in the box.
It doesn't appear that I can accomplish this through the properties window in Flash. Am I missing something? Or is it possible to set the properties of the text box with actionscript, and would that allow me to vertically align the text?
i made a function for replacing a text letter by letter. You've probably seen this effect of putting in place of a text a random one, with the length of the new text and then replacing the random text, letter by letter with the new one. It worked fine but I had to do some adjustments, because I needed to vertically align the text to the bottom, and I had the newline character in the text which gave me some issues with the aligning. Since I did this adjustments, string.length returns undefined even if trace(string) shows the correct text in the output window. On the other hand length(string) gives me the right answer. I also use the charAt function which also returns undefined, even if the trace function shows the correct text.
View 7 RepliesI have 2 spark labels next to each other. They are in a basic layout and both have bottom set to 0. They have different font sizes (28 and 12).
Both fields only display numbers. I want the baseline of the numbers to line up.
At the moment they do not as there are no descenders and the descender area of the line is obviously a different height for the 2 different font sizes.
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 RepliesHow 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 place two different texts (using html tags) in column in a datagrid, in which one will be right aligned and the other will be left aligned.
View 2 RepliesI have dynamic textField and need to align my text vertically top on textField. How can I set my text vertically top ?
View 2 RepliesEach duplicated clip is a different height to fit some xml text.
How do I vertically space out the duplicated movie clips so they don't overlap?
Code:
result_mc.duplicateMovieClip("mc" + i,i);
result_mc._visible = false;
//Y Placement
[Code].....
I have a spark Datagrid with lot of columns. The problem is that if i have a long text in a cell, then the text goes over other columns. I want the text to stay in it cell, if it longer than the columns width, then the text to be truncated somehow.
View 1 RepliesI've created a skin that allows me to have two labels on a spark button, but the button text won't center vertically. It stays at the top of the button no matter what settings I give it. The icon in the skin DOES however, center vertically. This is the skin:
[Code]...
How to align the Spark Buttons Icon to the left? / like the icons to be all 3 pixels from the left // I have checked the sking class of the Spark buttons, but they doesnt expose the Icon property for further extending the skin/
View 1 Repliesi 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]...
Can 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.
I'm having trouble vertical aligning text inside cells in a DataGrid in Flex. I tried this.setStyle("vertical-align", "middle) in an itemRenderer on the column but it doesn't seem to work. I tried verticalAlign as well.
View 5 RepliesHow 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 any function (or any easy way to implement it) equivalent to calculateDropIndex for spark's DataGrid?
(using Flex Hero 4.5.0.19786)
I have a Datagrid that gets its data from an ArrayCollection of model "beans". The ArrayCollection Outcomes is a list of Outcome
[Code]...
I am searching for something like CellClick event on Spark DataGrid, or something alike.
Is there something like this in Flex 4.5, and how to get the data from the clicked cell ?
Is there a way in spark datagrid to disable some rows programmatically, in flex 3, it could be done using the function mouseEventToItemRenderer this way:
override protected function mouseEventToItemRenderer (
event: MouseEvent): IListItemRenderer {
var listItem: IListItemRenderer;// = super.mouseEventToItemRenderer(event);
[Code]....
And then I implement the function disabledRow to return true or false depending on some condition, the condition that will specify if the selected item will be renderered or not. Is there a way in spark datagrid to do the same?
Is 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 RepliesLike we have rendererAdd function/hook for a Spark List which is dispatched when an itemrenderer is added to the container? Do we have any similar method/hook at DataGrid level also?
View 1 RepliesHow 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 RepliesI want a spark datagrid that allow a user to input numbers only. They can only input number with up to 5 decimal places. I am struggling with this in Spark. I can do it in Flex by using the itemEditEnd parameter of the MX DataGrid.
How do I do this is Spark? Any pointers would be great.
Recently I am working with Spark DataGrid. Before I was using AdvancedDataGrid. In that I was capturing itemDoubleClick event. But I am not able to find such a event in SparkdataGrid. So I want to capture double click event on single row of DataGrid. Some people told that, I have to use my custom ItemRenderer to do that. But is there any way to capture itemDoubleClick event in Spark DataGrid without creating custom ItemRenderer ???
View 1 Replies