Re: [flexcoders] Re: Flex 4 & CSS

2011-08-25 Thread Alex Harui 
FlexExamples.com might have some examples.  Flex 4 is pretty different 
especially around skinning and styles.  It was deemed the right thing to do to 
enable designers to control every pixel without having to learn code.

There are plenty of folks on this forum who are willing to help.


On 8/25/11 5:50 AM, "Davidson, Jerry"  wrote:






Alex,

I have no idea of what you just said.

I’m converting my one and only Flex app to 4 in the hopes that management will 
see an advantage to using that.  Once (and if) it gets to 4, I’m going to try 
to get 4.5 so I can make it into an app (my distant dream).  Doing things in 
net is OK, but I’d rather stick with Flex if I can.

I’m just dying on the completely different product from 3 and don’t have 
anywhere to turn but here.  Even simple things like I can’t see in design view 
half the application or you have to jump through hoops to get a scroll bar to 
appear.  I think our contract with Adobe only has support for LiveCycle.  So 
it’s hit or miss on forums.

You probably hear that a lot and I appreciate the time you do spend helping 
those of us that are lost at sea.

Jerry


From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf 
Of Alex Harui
Sent: Wednesday, August 24, 2011 8:10 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Re: Flex 4 & CSS



You can always use an image/BitmapImage as one of the children/elements of a 
container.  Doing so affects value of numChildren/numElements and potentially 
other things in case it matters, and limits re-usability.  If you can do that, 
you might as well add it to the skin.


On 8/24/11 5:55 AM, "Davidson, Jerry"  wrote:






Thanks.  Now I know.

I still need the effect, so can I put an image out there and write over it 
(z-order)?  There would be two lines of text over the image.


From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf 
Of Alex Harui
Sent: Monday, August 22, 2011 11:35 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Re: Flex 4 & CSS



Jerry, the spark theme doesn’t support backgroundImage.  Every capability has a 
cost, and we chose not to make the container backgrounds as heavy as the Halo 
theme.  It doesn’t matter how many lines of code are in the skin if it doesn’t 
include the logic to load and position images.





--
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui

RE: [flexcoders] Re: Flex 4 & CSS

2011-08-25 Thread Davidson, Jerry 
Alex,

 

I have no idea of what you just said.

 

I'm converting my one and only Flex app to 4 in the hopes that
management will see an advantage to using that.  Once (and if) it gets
to 4, I'm going to try to get 4.5 so I can make it into an app (my
distant dream).  Doing things in net is OK, but I'd rather stick with
Flex if I can.

 

I'm just dying on the completely different product from 3 and don't have
anywhere to turn but here.  Even simple things like I can't see in
design view half the application or you have to jump through hoops to
get a scroll bar to appear.  I think our contract with Adobe only has
support for LiveCycle.  So it's hit or miss on forums.

 

You probably hear that a lot and I appreciate the time you do spend
helping those of us that are lost at sea.

 

Jerry

 

From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On
Behalf Of Alex Harui
Sent: Wednesday, August 24, 2011 8:10 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Re: Flex 4 & CSS

 

  

You can always use an image/BitmapImage as one of the children/elements
of a container.  Doing so affects value of numChildren/numElements and
potentially other things in case it matters, and limits re-usability.
If you can do that, you might as well add it to the skin.


On 8/24/11 5:55 AM, "Davidson, Jerry" 
wrote:


 
 
   

Thanks.  Now I know.
 
I still need the effect, so can I put an image out there and
write over it (z-order)?  There would be two lines of text over the
image.
 

From: flexcoders@yahoogroups.com
[mailto:flexcoders@yahoogroups.com] On Behalf Of Alex Harui
Sent: Monday, August 22, 2011 11:35 PM
    To: flexcoders@yahoogroups.com
    Subject: Re: [flexcoders] Re: Flex 4 & CSS

  

Jerry, the spark theme doesn't support backgroundImage.  Every
capability has a cost, and we chose not to make the container
backgrounds as heavy as the Halo theme.  It doesn't matter how many
lines of code are in the skin if it doesn't include the logic to load
and position images.
 
   




-- 
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui

Re: [flexcoders] Re: Flex 4 & CSS

2011-08-24 Thread Alex Harui 
You can always use an image/BitmapImage as one of the children/elements of a 
container.  Doing so affects value of numChildren/numElements and potentially 
other things in case it matters, and limits re-usability.  If you can do that, 
you might as well add it to the skin.


On 8/24/11 5:55 AM, "Davidson, Jerry"  wrote:






Thanks.  Now I know.

I still need the effect, so can I put an image out there and write over it 
(z-order)?  There would be two lines of text over the image.


From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf 
Of Alex Harui
Sent: Monday, August 22, 2011 11:35 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Re: Flex 4 & CSS



Jerry, the spark theme doesn’t support backgroundImage.  Every capability has a 
cost, and we chose not to make the container backgrounds as heavy as the Halo 
theme.  It doesn’t matter how many lines of code are in the skin if it doesn’t 
include the logic to load and position images.





--
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui

RE: [flexcoders] Re: Flex 4 & CSS

2011-08-24 Thread Davidson, Jerry 
Thanks.  Now I know.

 

I still need the effect, so can I put an image out there and write over
it (z-order)?  There would be two lines of text over the image.

 

From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On
Behalf Of Alex Harui
Sent: Monday, August 22, 2011 11:35 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Re: Flex 4 & CSS

 

  

Jerry, the spark theme doesn't support backgroundImage.  Every
capability has a cost, and we chose not to make the container
backgrounds as heavy as the Halo theme.  It doesn't matter how many
lines of code are in the skin if it doesn't include the logic to load
and position images.

Re: [flexcoders] Re: Flex 4 & CSS

2011-08-23 Thread Alex Harui 
I explained in the previous reply.  Everything has a cost, and we chose not to 
pack asset loading and positioning into the background of every container.  It 
is pretty straightforward to add it in a custom skin for the few containers 
that need it.


On 8/22/11 10:16 PM, "The Real Napster"  wrote:






Hello Alex,

Thanks for the note. I am wondering why new release build of flex/spark does't 
have this feature? Its up to user whether to use it or not. Background on 
components is the basic requirement of many clients now a days.
Hope in future adobe will implement/add this feature. Thanks for the reply Alex.

Regards,
Myadi

On Tue, Aug 23, 2011 at 10:05 AM, Alex Harui  wrote:





Jerry, the spark theme doesn’t support backgroundImage.  Every capability has a 
cost, and we chose not to make the container backgrounds as heavy as the Halo 
theme.  It doesn’t matter how many lines of code are in the skin if it doesn’t 
include the logic to load and position images.




On 8/22/11 7:27 AM, "Davidson, Jerry" http://jerry.david...@illinois.gov> > wrote:






I tried both BorderContainer and Panel, but neither would display an image.  I 
can get the background color to change, but not add an image.

Perhaps a skin will work, but I can’t get it to work so far.  I’ve replaced the 
two lines of CSS with the default class “panel skin” which is over 300 lines 
long, includes three overrides and other methods and still doesn’t seem to have 
an ability to add an image.

Who would have guessed a simple image would bring Flex to its knees?




From: flexcoders@yahoogroups.com   
[mailto:flexcoders@yahoogroups.com] On Behalf Of valdhor
Sent: Friday, August 19, 2011 1:59 PM
To: flexcoders@yahoogroups.com 
Subject: [flexcoders] Re: Flex 4 & CSS



Instead of using mx:Canvas try using s:BorderContainer.


http://ns.adobe.com/mxml/2009";

xmlns:s="library://ns.adobe.com/flex/spark 
 "

xmlns:mx="library://ns.adobe.com/flex/mx  
">



   

   .bgImage

 {

   color: #DEDACF;

   contentBackgroundColor: #DEDACF;

   backgroundImage: Embed(BannerBackground.jpg);

   backgroundImageFillMode: repeat;

   }

   



   

   

   









--
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui

Re: [flexcoders] Re: Flex 4 & CSS

2011-08-23 Thread The Real Napster 
Hello Alex,

Thanks for the note. I am wondering why new release build of flex/spark
does't have this feature? Its up to user whether to use it or not.
Background on components is the basic requirement of many clients now a
days.
Hope in future adobe will implement/add this feature. Thanks for the reply
Alex.

Regards,
Myadi

On Tue, Aug 23, 2011 at 10:05 AM, Alex Harui  wrote:

> **
>
>
> Jerry, the spark theme doesn’t support backgroundImage.  Every capability
> has a cost, and we chose not to make the container backgrounds as heavy as
> the Halo theme.  It doesn’t matter how many lines of code are in the skin if
> it doesn’t include the logic to load and position images.
>
>
>
> On 8/22/11 7:27 AM, "Davidson, Jerry"  wrote:
>
>
>
>
>
>
> I tried both BorderContainer and Panel, but neither would display an image.
>  I can get the background color to change, but not add an image.
>
> Perhaps a skin will work, but I can’t get it to work so far.  I’ve replaced
> the two lines of CSS with the default class “panel skin” which is over 300
> lines long, includes three overrides and other methods and still doesn’t
> seem to have an ability to add an image.
>
> Who would have guessed a simple image would bring Flex to its knees?
>
>
>
>
> *From:* flexcoders@yahoogroups.com 
> [mailto:flexcoders@yahoogroups.com]
> *On Behalf Of *valdhor
> *Sent:* Friday, August 19, 2011 1:59 PM
> *To:* flexcoders@yahoogroups.com
> *Subject:* [flexcoders] Re: Flex 4 & CSS
>
>
>
> Instead of using mx:Canvas try using s:BorderContainer.
> 
>
> http://ns.adobe.com/mxml/2009";
>
> xmlns:s="library://ns.adobe.com/flex/spark"
>
> xmlns:mx="library://ns.adobe.com/flex/mx">
>
>
>
> 
>
> .bgImage
>
>   {
>
> color: #DEDACF;
>
> contentBackgroundColor: #DEDACF;
>
> backgroundImage: Embed(BannerBackground.jpg);
>
> backgroundImageFillMode: repeat;
>
> }
>
> 
>
>
>
> 
>
> 
>
> 
>
>
>
> 
>
>
>
>
>
> --
> Alex Harui
> Flex SDK Team
> Adobe System, Inc.
> http://blogs.adobe.com/aharui
>
>  
>

Re: [flexcoders] Re: Flex 4 & CSS

2011-08-23 Thread The Real Napster 
I too have tried in many ways, but could not resolve the problem. Doing few
more tests.

BTW one option is to use addChild();

Something like this.

var image : Image = new Image();
image.source = "FSCalc/images/BannerBackground.jpg";
image.scaleContent = true;
image.maintainAspectRatio =false;
image.percentWidth = 100;
image.percentHeight = 100;
PictureBox.addChild(image);


I am eyeing on this post. All the best guys


On Mon, Aug 22, 2011 at 7:57 PM, Davidson, Jerry <
jerry.david...@illinois.gov> wrote:

> **
>
>
>  I tried both BorderContainer and Panel, but neither would display an
> image.  I can get the background color to change, but not add an image.***
> *
>
> ** **
>
> Perhaps a skin will work, but I can’t get it to work so far.  I’ve replaced
> the two lines of CSS with the default class “panel skin” which is over 300
> lines long, includes three overrides and other methods and still doesn’t
> seem to have an ability to add an image.
>
> ** **
>
> Who would have guessed a simple image would bring Flex to its knees?
>
> ** **
>
> ** **
>
> ** **
>
> *From:* flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] *On
> Behalf Of *valdhor
> *Sent:* Friday, August 19, 2011 1:59 PM
> *To:* flexcoders@yahoogroups.com
> *Subject:* [flexcoders] Re: Flex 4 & CSS
>
> ** **
>
>   
>
> Instead of using mx:Canvas try using s:BorderContainer.
>
> 
> http://ns.adobe.com/mxml/2009";
> xmlns:s="library://ns.adobe.com/flex/spark"
> xmlns:mx="library://ns.adobe.com/flex/mx">
>
> 
> .bgImage
>   {
> color: #DEDACF;
> contentBackgroundColor: #DEDACF;
> backgroundImage: Embed(BannerBackground.jpg);
> backgroundImageFillMode: repeat;
> }
> 
>
> 
> 
> 
>
> 
>
>
>

Re: [flexcoders] Re: Flex 4 & CSS

2011-08-22 Thread Alex Harui 
Jerry, the spark theme doesn’t support backgroundImage.  Every capability has a 
cost, and we chose not to make the container backgrounds as heavy as the Halo 
theme.  It doesn’t matter how many lines of code are in the skin if it doesn’t 
include the logic to load and position images.


On 8/22/11 7:27 AM, "Davidson, Jerry"  wrote:






I tried both BorderContainer and Panel, but neither would display an image.  I 
can get the background color to change, but not add an image.

Perhaps a skin will work, but I can’t get it to work so far.  I’ve replaced the 
two lines of CSS with the default class “panel skin” which is over 300 lines 
long, includes three overrides and other methods and still doesn’t seem to have 
an ability to add an image.

Who would have guessed a simple image would bring Flex to its knees?




From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf 
Of valdhor
Sent: Friday, August 19, 2011 1:59 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Flex 4 & CSS



Instead of using mx:Canvas try using s:BorderContainer.


http://ns.adobe.com/mxml/2009";

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx">



   

   .bgImage

 {

   color: #DEDACF;

   contentBackgroundColor: #DEDACF;

   backgroundImage: Embed(BannerBackground.jpg);

   backgroundImageFillMode: repeat;

   }

   



   

   

   









--
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui

RE: [flexcoders] Re: Flex 4 & CSS

2011-08-22 Thread Davidson, Jerry 
I tried both BorderContainer and Panel, but neither would display an
image.  I can get the background color to change, but not add an image.

 

Perhaps a skin will work, but I can't get it to work so far.  I've
replaced the two lines of CSS with the default class "panel skin" which
is over 300 lines long, includes three overrides and other methods and
still doesn't seem to have an ability to add an image.

 

Who would have guessed a simple image would bring Flex to its knees?

 

 

 

From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On
Behalf Of valdhor
Sent: Friday, August 19, 2011 1:59 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Flex 4 & CSS

 

  

Instead of using mx:Canvas try using s:BorderContainer.



http://ns.adobe.com/mxml/2009";

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx">





.bgImage

  {

color: #DEDACF;

contentBackgroundColor: #DEDACF;

backgroundImage: Embed(BannerBackground.jpg);

backgroundImageFillMode: repeat;

}