Hi Hank,
Here's a
litle more elaborate example that uses a similar approach to Andy's. You
can set the headerAlphas to the same or different values as the grid's
backgroundAlpha.
View Sample
-TH
__________________________________
Tim Hoff
Cynergy Systems, Inc.
http://www.cynergysystems.com
Office: 866-CYNERGY
--- In [EMAIL PROTECTED]ups.com,
"Andrew Trice" <andrew.trice@...> wrote:
>
> I was able to get the *header* to be transparent doing the following,
> but the color of the ListBaseContentHolder shows through and is not
> transparent. If you set backgroundAlpha="0" on the
datagrid, then it
> will be completely transparent, but then you also lose any row
> background colors that you may have had, but highlight colors still
> work.
>
>
>
> MXML Markup:
>
> <?xml version="1.0" encoding="utf-8"?>
>
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
> xmlns:local="*" layout="absolute">
>
>
>
> <mx:Style>
>
> DataGrid {
>
> backgroundAlpha:0;
>
> }
>
> </mx:Style>
>
>
>
> <local:MyDataGrid x="10" y="10" dataProvider="{[1,2,3,4,5]}"
> >
>
> <local:columns>
>
> <mx:DataGridColumn
> headerText="Column 1" dataField="col1"/>
>
> <mx:DataGridColumn
> headerText="Column 2" dataField="col2"/>
>
> <mx:DataGridColumn
> headerText="Column 3" dataField="col3"/>
>
> </local:columns>
>
> </local:MyDataGrid>
>
>
>
> </mx:Application>
>
>
>
> MyDataGrid Class:
>
> package
>
> {
>
> import mx.controls.DataGrid;
>
> import mx.core.UIComponent;
>
>
>
> public class MyDataGrid extends DataGrid
>
> {
>
> override protected function
> drawHeaderBackground( headerBG : UIComponent ) : void
>
> {
>
> headerBG.alpha = 0;
>
> }
>
> }
>
> }
>
>
>
> _____________________________________
>
> Andrew Trice
>
> Cynergy Systems, Inc.
>
> http://www.cynergysystems.com
>
>
>
> Blog: http://www.cynergysystems.com/blogs/page/andrewtrice
>
> Email: andrew.trice@...
>
> Office: 866-CYNERGY
>
>
>
> ________________________________
>
> From: [EMAIL PROTECTED]ups.com
[mailto:flexcoders@yahoogroups.com]
On
> Behalf Of hank williams
> Sent: Wednesday, October 18, 2006 2:50 PM
> To: [EMAIL PROTECTED]ups.com
> Subject: Re: [flexcoders] Re: Making the datagrid header background
> alpha 0
>
>
>
> Jim,
>
> Thanks, buy yeah I've tried that and it doesnt work. I can set the
> font, but not the backgroundAlpha.
>
> Hank
>
> On 10/18/06, Jim Robson [EMAIL PROTECTED]..
> <mailto:jim.robson%40eyestreet.com> > wrote:
> > Hank,
> >
> > Did you try using headerStyleName?
> >
> > Something like this:
> >
> > DataGrid {
> > headerStyleName: myHeaderStyle;
> > }
> > .myHeaderStyle{
> > backgroundAlpha: 0.0;
> > }
> >
> > -Jim
> >
> > --- In [EMAIL PROTECTED]ups.com
> <mailto:flexcoders%40yahoogroups.com> , "hank
williams" hank777@
> wrote:
> > >
> > > I want to make my datagrid header transparent the way the body
is,
> but
> > > there is no field for header alpha as far as I can see. I am
sure I
> > > could make some kind of skin, but I havent much looked into
skinning
> > > the datagrid and was wondering if there was some fairly easy way
to
> > > acheive the effect I am looking for.
> > >
> > > Hank
> > >
> >
> >
> >
> >
> >
> > --
> > Flexcoders Mailing List
> > FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
> <http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt>
> > Search Archives:
> http://www.mail-archive.com/flexcoders%40yahoogroups.com
> <http://www.mail-archive.com/flexcoders%40yahoogroups.com>
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
>
