Comments on: How to Add a Background Gradient to a Canvas Layout Container

By: egroulx

egroulx — Tue, 19 May 2009 15:24:47 +0000

Thanks for this code, really helpful. Here's the metadata you need to add to the top of the class if you want to be able to set values as mxml attributes : [Style(name="fillAlphas", type="Array", arrayType="Number", inherit="no")] [Style(name="fillColors", type="Array", arrayType="uint", format="Color", inherit="no")]

By: ryanbbeard

ryanbbeard — Fri, 30 Jan 2009 01:02:22 +0000

Something to notice if you are getting 6 errors on lines 15,16, and 17 on GradientCanvas.as it’s because wordpress turns a programming quote ” into a quote you would see if you were actually quoting someone. I know this was an error for me for a good hour before I remembered this issue. And maybe what jamesclinton was having issue with. Great code tho thanks

By: Nick Schneble

Nick Schneble — Wed, 07 Jan 2009 18:46:23 +0000

@jamesclinton

How did you include them in your CSS file? For the getStyle() method to work, you need to have styles defined for that component.

For example, given the GradientCanvas component above, you would need to have something like the following in your CSS file:

GradientCanvas
{
fill-colors: #FFFFFF, #000000;
fill-alphas: 1.0, 1.0;

corner-radius: 0;
}

By: Nick Schneble

Nick Schneble — Wed, 07 Jan 2009 18:39:09 +0000

@rajeshbhadra

Can you post the CSS for your style SWF?

When you load a new style declaration it will override any previously loaded styles, so it’s likely that something in your style SWF is setting those colors to white.

By: jamesclinton

jamesclinton — Tue, 06 Jan 2009 23:30:57 +0000

Hi Thanks this canvas. very useful. I am however having a problem which is dead simple to solve i think, but I’m new to Flex.

Bascially when compiling, I cannot find the styles. I have tried including them inline and in a css file, but no joy…can you help? Compile error is

“Syntax error. var fillAlphas : Array = getStyle (?fillAlphas?);”

If I hard code in the values it works file.