Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Adobe AIR Development

Reply
Regular Contributor
Marker
Posts: 57
Registered: ‎01-12-2012
My Device: Playbook

Transparent background for datagrid?

Anyone know if it is possible to set the background of controls to transparent in some way?

 

I have a s:smileyvery-happy:atagrid where I want to set the background to transparent, so a rather psychedelic (aka company logo) app background image is also shown where the datagrid is located. Have the same challenge with checkboxes, buttons etc where I would prefer to have a transparent background instea of the hmm boring light gray background. 

 

 

Bonus question: Do anyone know of an easy to use AIR control where you can in a horizontal way can list and scroll through a number of images in AIR? much like you see in the "Music" app when it show the Playlist's

 

 

 

BlackBerry Development Advisor
twindsor
Posts: 834
Registered: ‎07-15-2008
My Device: Passport
My Carrier: Bell

Re: Transparent background for datagrid?

Have you looked at the Skin and any samples related to component skinning?

 

http://supportforums.blackberry.com/t5/Tablet-OS-SDK-for-Adobe-AIR/How-to-Skin-QNX-UI-Components-Bas...

 

The skin of a component controls the background.

Tim Windsor
Open Source Technical Lead
Regular Contributor
Marker
Posts: 57
Registered: ‎01-12-2012
My Device: Playbook

Re: Transparent background for datagrid?

Yes I did take a look at it, but I have no idea how to go from there to implement transparency to the datagrid that I used in the air app.

BlackBerry Development Advisor
twindsor
Posts: 834
Registered: ‎07-15-2008
My Device: Passport
My Carrier: Bell

Re: Transparent background for datagrid?

I took another look at the DataGrid definition. Are you doing this in Flex?

 

If so, there appears to be a style property that you can set on the DataGrid:

contentBackgroundAlpha="1.0"

 1.0 is opaque and the default, but you could set that to 0.0, or perhaps something like 0.2 to get a faded effect.

 

If you are using ActionScript directly, it appears that you can call

dataGrid.setStyle("contentBackgroundAlpha", 0.2)

 Rather than creating full skins, try the above.

Tim Windsor
Open Source Technical Lead