Tim:
Thanks, that definitely helped. I'm about to ditch these datagrids
altogether, though. Whenever I add a headerRenderer programmatically, the
datagrid throws a 1010 run time error if I try to scroll it vertically. I
appreciate your help, though.
Dana
On 1/23/07, Tim Hoff <[EMAIL PROTECTED]> wrote:
Dana:
It doesn't look like it works when you use fontWeight: normal. If you use
the bold version of the font (copy verdanab.ttf to assets) and make the
following subtle changes, you should be good to go.
@font-face {
src:url("assets/verdanab.ttf");
fontFamily: "MyFont";
fontWeight: bold;
}
.myStyle1{
fontFamily:"MyFont";
fontSize:12pt;
}
-TH
__
*Tim Hoff
*Cynergy Systems, Inc.
http://www.cynergysystems.com
Office: 866-CYNERGY
--- In flexcoders@yahoogroups.com, "Dana Gutride" <[EMAIL PROTECTED]> wrote:
>
> Tim:
>
> Thanks for the response. I neglected to mention that I have been
attempting
> to use a headerrenderer. I've created it both inline and in a separate
> component and still nothing. This code below illustrates what I've been
> attempting to do, am I missing something?
>
> Thanks,
> Dana
>
>
> http://www.adobe.com/2006/mxml"; >
>
> @font-face {
> src: url(assets/verdana.ttf);
> fontFamily: "MyFont";
> }
> .myStyle1{fontFamily:"MyFont"; fontSize:12pt}
>
> headerHeight="300" >
>
>
> headerText="Host Name" />
>
>
>
>
> text="{ this.data.headerText }"
>
> rotation="90"
> styleName="myStyle1"/>
>
>
>
>
>
>
>
>
>
>
> On 1/23/07, Tim Hoff [EMAIL PROTECTED] wrote:
> >
> > Hi Dana,
> >
> > A real easy way to do this would be to use a headerRenderer for the
> > DataGrid columns.
> >
> > Inline:
> >
> > > dataProvider="{ myDataProvider }">
> >
> >
> > > dataField="city">
> >
> >
> >
> > > text="{ this.data.headerText }"
> > rotation="90"
> >
> > styleName="myEmbeddedFontStyleName"/>
> >
> >
> >
> >
> >
> >
> >
> >
> > Or, if you want to reuse the headerRenderer, create a component:
> >
> > > dataProvider="{ myDataProvider }">
> >
> >
> > > headerRenderer="RotatedHeaderRenderer"
> > headerText="City"
> > dataField="city"/>
> > > headerRenderer="RotatedHeaderRenderer"
> > headerText="State"
> > dataField="state"/>
> >
> >
> >
> >
> > RotatedHeaderRenderer.mxml
> >
> >
> > http://www.adobe.com/2006/mxml";
> > horizontalAlign="center">
> > > text="{ this.data.headerText }"
> > rotation="90"
> > styleName="myEmbeddedFontStyleName"/>
> >
> >
> > -TH
> > __
> >
> > *Tim Hoff
> > *Cynergy Systems, Inc.
> > http://www.cynergysystems.com
> > Office: 866-CYNERGY
> >
> > --- In flexcoders@yahoogroups.com, "Dana Gutride" dgutride@ wrote:
> > >
> > > Hi,
> > >
> > > After much searching, I haven't found a satisfactory answer to this
> > > question. I'm trying to rotate the headers of my datagrid so they
are
> > > completely vertical. I've embedded the font successfully and can
rotate
> > any
> > > other piece of text in my app, but when I attempt to rotate the text
in
> > the
> > > datagrid header, it keeps disappearing. I've used both the rotation
> > > property and created a rotate effect, but to no avail. I think it
might
> > > have to do with the x and y of the text. Any ideas?
> > >
> > > Thanks,
> > > Dana
> > >
> >
> >
> >
>
