Bottom is a style constraint. Try this,
<s:DataGrid id="grid"
width="500"
height="500"
dataProvider="{testdata}"
variableRowHeight="true">
<s:columns>
<s:ArrayList>
<s:GridColumn width="{grid.width-2}">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer xmlns:fx="
http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:gridEditorClasses="spark.components.gridEditorClasses.*"
xmlns:ns="library://commons.stoneriver.com"
width="100%"
>
<fx:Script>
<![CDATA[
override public function
prepare(hasBeenRecycled:Boolean):void {
super.prepare(hasBeenRecycled);
trace("Prepare");
if (data) {
questionText.height = 48;
//questionText.width = column.width;
}
else {
questionText.height = 24;
}
}
override public function set
data(value:Object):void {
trace("set data");
super.data = value;
questionText.text = String(data);
}
]]>
</fx:Script>
<s:layout>
<s:VerticalLayout gap="1"/>
</s:layout>
<!--- The renderer's visual component. -->
<s:RichEditableText id="questionText"
verticalAlign="top"
paddingTop="10"
paddingBottom="10"
width="100%"
editable="false"
unfocusedTextSelectionColor="red"
minWidth="0"
multiline="true"
paddingLeft="10"
selectionHighlighting="always"/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
On Fri, Jul 12, 2013 at 8:38 PM, mark goldin <[email protected]> wrote:
> Bottom of what?
>
>
> On Fri, Jul 12, 2013 at 8:08 PM, Alex Harui <[email protected]> wrote:
>
> > Try using bottom.
> >
> > On 7/12/13 5:09 PM, "mark goldin" <[email protected]> wrote:
> >
> > >But if I need to specify height what do I do?
> > >
> > >
> > >On Fri, Jul 12, 2013 at 5:37 PM, Alex Harui <[email protected]> wrote:
> > >
> > >> Try not using % widths. Use left,top,right,bottom as needed.
> > >>
> > >> On 7/12/13 1:24 PM, "mark goldin" <[email protected]> wrote:
> > >>
> > >> >Simplified a bit:
> > >> ><?xml version="1.0" encoding="utf-8"?>
> > >> ><s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009";
> > >> > xmlns:s="library://ns.adobe.com/flex/spark"
> > >> > xmlns:mx="library://ns.adobe.com/flex/mx"
> > >> > xmlns:gridEditorClasses="spark.components.gridEditorClasses.*"
> > >> > xmlns:ns="library://commons.stoneriver.com"
> > >> > >
> > >> > <fx:Script>
> > >> ><![CDATA[
> > >> >override public function prepare(hasBeenRecycled:Boolean):void
> > >> >{
> > >> >super.prepare(hasBeenRecycled);
> > >> >if (data)
> > >> >{
> > >> >Question.height = 48;
> > >> >Question.width = column.width;
> > >> >}
> > >> >else
> > >> >{
> > >> >Question.height = 24;
> > >> >}
> > >> >}
> > >> >}
> > >> >]]>
> > >> ></fx:Script>
> > >> > <!--- The renderer's visual component. -->
> > >> ><s:VGroup width="100%" gap="0">
> > >> ><s:RichEditableText id="Question" verticalAlign="top" height="100%"
> > >> >paddingTop="10" paddingBottom="10" width="100%"
> > >> >editable="false" unfocusedTextSelectionColor="red" minWidth="0"
> > >> >multiline="true"
> > >> >fontSize="{column.grid.dataGrid.getStyle('fontSize')}"
> paddingLeft="10"
> > >> >selectionHighlighting="always"/>
> > >> ></s:VGroup>
> > >> ></s:GridItemRenderer>
> > >> >
> > >> >
> > >> >
> > >> >On Fri, Jul 12, 2013 at 3:13 PM, Alex Harui <[email protected]>
> wrote:
> > >> >
> > >> >> Smells like some other code is setting percentWidth to 100. Can
> you
> > >> >>post
> > >> >> a small test case? Or at least the full renderer?
> > >> >>
> > >> >> On 7/12/13 12:18 PM, "mark goldin" <[email protected]> wrote:
> > >> >>
> > >> >> >Basically, something like this:
> > >> >> >override public function prepare(hasBeenRecycled:Boolean):void
> > >> >> >{
> > >> >> >super.prepare(hasBeenRecycled);
> > >> >> >if (data)
> > >> >> >{
> > >> >> >Question.width = column.width;
> > >> >> >}
> > >> >> >}
> > >> >> >where Question is RichEditableText.
> > >> >> >
> > >> >> >
> > >> >> >On Fri, Jul 12, 2013 at 2:14 PM, Alex Harui <[email protected]>
> > >>wrote:
> > >> >> >
> > >> >> >> How are you setting the width? I suspect that when the column
> > >>gets
> > >> >> >> resized the width gets set.
> > >> >> >>
> > >> >> >> On 7/12/13 12:05 PM, "mark goldin" <[email protected]>
> wrote:
> > >> >> >>
> > >> >> >> >Well, it's not wrapping. But as soon as I resize the column the
> > >>text
> > >> >> >>gets
> > >> >> >> >wrapped.
> > >> >> >> >
> > >> >> >> >
> > >> >> >> >On Fri, Jul 12, 2013 at 1:56 PM, Alex Harui <[email protected]>
> > >> >>wrote:
> > >> >> >> >
> > >> >> >> >> You may need to set the width to the width of the column.
> > >> >> >> >>
> > >> >> >> >> On 7/12/13 11:29 AM, "mark goldin" <[email protected]>
> > >>wrote:
> > >> >> >> >>
> > >> >> >> >> >Yeah, that's what I am getting into. But I am having a
> problem
> > >> >>with
> > >> >> >> >> >using RichEditableText.
> > >> >> >> >> >I want to change its height to make a datagird more compact.
> > >>But
> > >> >>as
> > >> >> >> >>soon
> > >> >> >> >> >as
> > >> >> >> >> >I change the height I am losing word wrapping.
> > >> >> >> >> >The only time the word wrapping is working is when a height
> is
> > >> >>set
> > >> >> >>to
> > >> >> >> >> >100%.
> > >> >> >> >> >But then DG has very large rows.
> > >> >> >> >> >Any idea?
> > >> >> >> >> >
> > >> >> >> >> >Thanks
> > >> >> >> >> >
> > >> >> >> >> >
> > >> >> >> >> >On Fri, Jul 12, 2013 at 1:21 PM, Alex Harui <
> [email protected]
> > >
> > >> >> >>wrote:
> > >> >> >> >> >
> > >> >> >> >> >> Someone recently pointed out that the minimum text widget
> > >>that
> > >> >> >>shows
> > >> >> >> >> >> selection is RichEditableText which is relatively heavy.
> I
> > >> >>think
> > >> >> >> >>you'll
> > >> >> >> >> >> have to start there.
> > >> >> >> >> >>
> > >> >> >> >> >> On 7/12/13 11:18 AM, "mark goldin" <[email protected]
> >
> > >> >>wrote:
> > >> >> >> >> >>
> > >> >> >> >> >> >Spark
> > >> >> >> >> >> >
> > >> >> >> >> >> >
> > >> >> >> >> >> >On Fri, Jul 12, 2013 at 1:14 PM, Alex Harui
> > >><[email protected]
> > >> >
> > >> >> >> >>wrote:
> > >> >> >> >> >> >
> > >> >> >> >> >> >> Spark or MX DataGrid?
> > >> >> >> >> >> >>
> > >> >> >> >> >> >> On 7/12/13 8:47 AM, "mark goldin" <
> [email protected]
> > >
> > >> >> >>wrote:
> > >> >> >> >> >> >>
> > >> >> >> >> >> >> >I have a datagrid where in one of columns I need to be
> > >> >>able to
> > >> >> >> >> >>search
> > >> >> >> >> >> >>and
> > >> >> >> >> >> >> >highlight instances of text. What is the best item
> > >>renderer
> > >> >> >>for
> > >> >> >> >>that
> > >> >> >> >> >> >>might
> > >> >> >> >> >> >> >be?
> > >> >> >> >> >> >> >
> > >> >> >> >> >> >> >Thanks
> > >> >> >> >> >> >>
> > >> >> >> >> >> >>
> > >> >> >> >> >>
> > >> >> >> >> >>
> > >> >> >> >>
> > >> >> >> >>
> > >> >> >>
> > >> >> >>
> > >> >>
> > >> >>
> > >>
> > >>
> >
> >
>
