Re: [flexcoders] Re: Flex Css & Html Css
i used the examples at degrafa website. specially the CSSSkin one. - Mensaje original De: Bjorn Schultheiss <[EMAIL PROTECTED]> Para: flexcoders@yahoogroups.com Enviado: martes, 17 de junio, 2008 4:24:50 Asunto: [flexcoders] Re: Flex Css & Html Css Do you have any examples?? --- In [EMAIL PROTECTED] ups.com, David Pariente wrote: > > i just did something even more complicated today using degrafa and css, with a few lines of code, and i'm IMPRESSED! > > > - Mensaje original > De: Bjorn Schultheiss > Para: [EMAIL PROTECTED] ups.com > Enviado: lunes, 16 de junio, 2008 5:33:41 > Asunto: [flexcoders] Re: Flex Css & Html Css > > > Have you seen degrafa? > You can do all this via CSS. > http://blog. benstucki. net/?p=46 > > --- In [EMAIL PROTECTED] ups.com, "Michael Schmalle" > wrote: > > > > Hi, > > > > Well.. you can't really unless you create a custom skin. There are > some open > > source stuff out there that allows you to use a background repeat > algorithm. > > > > There is no background position styles either. > > > > So really, what you want to do cannot be done with Flex3 css. > > > > Mike > > > > On Mon, Jun 9, 2008 at 1:27 AM, xaero wrote: > > > > > And then How can I set the page's background like in the HTML Css? > > > That is: > > > background-repeat: repeat-x; > > > background-Position X: left; > > > background-Position Y: bottom; > > > > > > --- In [EMAIL PROTECTED] ups.com , > "Michael > > > Schmalle" > > > > > > wrote: > > > > > > > > No, you can't do this. > > > > > > > > Flex CSS is not 'real' css and does not conform to WC3. > > > > > > > > Mike > > > > > > > > > > > > > > > > > > > > > -- > > Teoti Graphix, LLC > > http://www.teotigra phix.com > > > > Teoti Graphix Blog > > http://www.blog. teotigraphix. com > > > > You can find more by solving the problem then by 'asking the question'. > > > > > > > _ _ _ ___ > Enviado desde Correo Yahoo! La bandeja de entrada más inteligente. > __ Enviado desde Correo Yahoo! La bandeja de entrada más inteligente.
[flexcoders] Re: Flex Css & Html Css
Do you have any examples?? --- In flexcoders@yahoogroups.com, David Pariente <[EMAIL PROTECTED]> wrote: > > i just did something even more complicated today using degrafa and css, with a few lines of code, and i'm IMPRESSED! > > > - Mensaje original > De: Bjorn Schultheiss <[EMAIL PROTECTED]> > Para: flexcoders@yahoogroups.com > Enviado: lunes, 16 de junio, 2008 5:33:41 > Asunto: [flexcoders] Re: Flex Css & Html Css > > > Have you seen degrafa? > You can do all this via CSS. > http://blog. benstucki. net/?p=46 > > --- In [EMAIL PROTECTED] ups.com, "Michael Schmalle" > wrote: > > > > Hi, > > > > Well.. you can't really unless you create a custom skin. There are > some open > > source stuff out there that allows you to use a background repeat > algorithm. > > > > There is no background position styles either. > > > > So really, what you want to do cannot be done with Flex3 css. > > > > Mike > > > > On Mon, Jun 9, 2008 at 1:27 AM, xaero wrote: > > > > > And then How can I set the page's background like in the HTML Css? > > > That is: > > > background-repeat: repeat-x; > > > background-Position X: left; > > > background-Position Y: bottom; > > > > > > --- In [EMAIL PROTECTED] ups.com , > "Michael > > > Schmalle" > > > > > > wrote: > > > > > > > > No, you can't do this. > > > > > > > > Flex CSS is not 'real' css and does not conform to WC3. > > > > > > > > Mike > > > > > > > > > > > > > > > > > > > > > -- > > Teoti Graphix, LLC > > http://www.teotigra phix.com > > > > Teoti Graphix Blog > > http://www.blog. teotigraphix. com > > > > You can find more by solving the problem then by 'asking the question'. > > > > > > > __ > Enviado desde Correo Yahoo! La bandeja de entrada más inteligente. >
Re: [flexcoders] Re: Flex Css & Html Css
i just did something even more complicated today using degrafa and css, with a few lines of code, and i'm IMPRESSED! - Mensaje original De: Bjorn Schultheiss <[EMAIL PROTECTED]> Para: flexcoders@yahoogroups.com Enviado: lunes, 16 de junio, 2008 5:33:41 Asunto: [flexcoders] Re: Flex Css & Html Css Have you seen degrafa? You can do all this via CSS. http://blog. benstucki. net/?p=46 --- In [EMAIL PROTECTED] ups.com, "Michael Schmalle" wrote: > > Hi, > > Well.. you can't really unless you create a custom skin. There are some open > source stuff out there that allows you to use a background repeat algorithm. > > There is no background position styles either. > > So really, what you want to do cannot be done with Flex3 css. > > Mike > > On Mon, Jun 9, 2008 at 1:27 AM, xaero <[EMAIL PROTECTED]> wrote: > > > And then How can I set the page's background like in the HTML Css? > > That is: > > background-repeat: repeat-x; > > background-Position X: left; > > background-Position Y: bottom; > > > > --- In [EMAIL PROTECTED] ups.com , "Michael > > Schmalle" > > > > wrote: > > > > > > No, you can't do this. > > > > > > Flex CSS is not 'real' css and does not conform to WC3. > > > > > > Mike > > > > > > > > > > > > > -- > Teoti Graphix, LLC > http://www.teotigra phix.com > > Teoti Graphix Blog > http://www.blog. teotigraphix. com > > You can find more by solving the problem then by 'asking the question'. > __ Enviado desde Correo Yahoo! La bandeja de entrada más inteligente.
[flexcoders] Re: Flex Css & Html Css
Have you seen degrafa? You can do all this via CSS. http://blog.benstucki.net/?p=46 --- In flexcoders@yahoogroups.com, "Michael Schmalle" <[EMAIL PROTECTED]> wrote: > > Hi, > > Well.. you can't really unless you create a custom skin. There are some open > source stuff out there that allows you to use a background repeat algorithm. > > There is no background position styles either. > > So really, what you want to do cannot be done with Flex3 css. > > Mike > > On Mon, Jun 9, 2008 at 1:27 AM, xaero <[EMAIL PROTECTED]> wrote: > > > And then How can I set the page's background like in the HTML Css? > > That is: > > background-repeat: repeat-x; > > background-PositionX: left; > > background-PositionY: bottom; > > > > --- In flexcoders@yahoogroups.com , "Michael > > Schmalle" > > > > wrote: > > > > > > No, you can't do this. > > > > > > Flex CSS is not 'real' css and does not conform to WC3. > > > > > > Mike > > > > > > > > > > > > > -- > Teoti Graphix, LLC > http://www.teotigraphix.com > > Teoti Graphix Blog > http://www.blog.teotigraphix.com > > You can find more by solving the problem then by 'asking the question'. >
[flexcoders] Re: Flex Css & Html Css
hi
I also use this really helpfull method, and I found a limit (or flex
bug?) with this:
I use it in a "popup" window, that I display as a canvas via a state
change. it's a very simple component with my canvas, and Vboxes,
labels, etc...
wherever I use my repeated background in this component, it displays
the background only the first time I call the component. after this,
no way to see it back...
I choosed a different way to skin, so I don't personnaly need an
answer, but if somebody has one for the future, it could be good
regards
makar
--- In flexcoders@yahoogroups.com, "valdhor" <[EMAIL PROTECTED]> wrote:
>
> This is how I do it:
>
> I create an empty component named RepeatedBackgroundBox.mxml:
>
>
> http://www.adobe.com/2006/mxml"; width="100%"
> height="100%">
>
>
>
>
> Next I create an AS file named RepeatedBackground.as:
>
> /*
> RepeatedBackground
>
> Use this BorderSkin with backgroundImage
>
> Embed properties scaleGridTop, scaleGridBottom, scaleGridLeft, and
> scaleGridRight do not work.
> */
> package
> {
> import flash.display.Bitmap;
> import flash.display.BitmapData;
> import flash.display.Graphics;
> import flash.display.Loader;
> import flash.events.Event;
> import flash.events.IOErrorEvent;
> import flash.geom.Matrix;
> import flash.net.URLRequest;
>
> import mx.controls.Image;
> import mx.core.BitmapAsset;
> import mx.graphics.RectangularDropShadow;
> import mx.skins.RectangularBorder;
> import mx.core.Application;
> import mx.core.UIComponent;
>
> public class RepeatedBackground extends RectangularBorder {
>
> private var tile:BitmapData;
>
> private var imgCls:Class;
>
> override protected function
> updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
> super.updateDisplayList(unscaledWidth, unscaledHeight);
>
> // Use UIComponent to handle any container
>
> // Check if parent is valid
> // In some Application initializaton states this might be
> false, I was getting an error
> if( this.parent != null ) {
> // The backgroundImage on the parent will become "" so
> we need to keep the class around
> // for every object updateDisplayList
> if( imgCls == null ) {
> var backgroundImage:Object = UIComponent(
> this.parent ).getStyle( "backgroundImage" );
> if( backgroundImage != null && backgroundImage
!= ""
> ) {
> imgCls = Class( backgroundImage );
> (this.parent as UIComponent).setStyle(
> "backgroundImage", "" );
> }
> }
> // Do the actually bitmap filling here
> if( imgCls != null ) {
> try {
> // imgCls could be a symbol in a SWF and the
> class will not work
> var background:BitmapAsset = BitmapAsset(new
> imgCls());
> tile = background.bitmapData;
>
> var transform: Matrix = new Matrix();
>
> graphics.clear();
> graphics.beginBitmapFill(tile, transform,
true);
> graphics.drawRect(0, 0, unscaledWidth,
> unscaledHeight);
> } catch( e:TypeError ) {
> // Throw an custom error if imgCls is not a
> valid type
> throw new Error( "backgroundImage value is
not a
> valid image class" );
> } finally {
> ;// Catch all just ignore
> }
> }
> }
> }
> }
> }
>
> Now, a CSS file with the RepeatedBackgroundBox definition:
>
> RepeatedBackgroundBox
> {
> paddingRight: 10;
> paddingLeft: 10;
> paddingTop: 5;
> borderSkin: ClassReference("RepeatedBackground");
> background-image: Embed("/assets/images/bg.gif");
> }
>
> Now all I have to do to use it is:
>
>
> Other components here
>
>
>
> --- In flexcoders@yahoogroups.com, "xaero" wrote:
> >
> > And then How can I set the page's background like in the HTML Css?
> > That is:
> > background-repeat: repeat-x;
> > background-PositionX: left;
> > background-PositionY: bottom;
> >
> > --- In flexcoders@yahoogroups.com, "Michael Schmalle"
> > teoti.graphix@ wrote:
> > >
> > > No, you can't do this.
> > >
> > > Flex CSS is not 'real' css and does not conform to WC3.
> > >
> > > Mike
> > >
> >
>
[flexcoders] Re: Flex Css & Html Css
This is how I do it:
I create an empty component named RepeatedBackgroundBox.mxml:
http://www.adobe.com/2006/mxml"; width="100%"
height="100%">
Next I create an AS file named RepeatedBackground.as:
/*
RepeatedBackground
Use this BorderSkin with backgroundImage
Embed properties scaleGridTop, scaleGridBottom, scaleGridLeft, and
scaleGridRight do not work.
*/
package
{
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Graphics;
import flash.display.Loader;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.geom.Matrix;
import flash.net.URLRequest;
import mx.controls.Image;
import mx.core.BitmapAsset;
import mx.graphics.RectangularDropShadow;
import mx.skins.RectangularBorder;
import mx.core.Application;
import mx.core.UIComponent;
public class RepeatedBackground extends RectangularBorder {
private var tile:BitmapData;
private var imgCls:Class;
override protected function
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList(unscaledWidth, unscaledHeight);
// Use UIComponent to handle any container
// Check if parent is valid
// In some Application initializaton states this might be
false, I was getting an error
if( this.parent != null ) {
// The backgroundImage on the parent will become "" so
we need to keep the class around
// for every object updateDisplayList
if( imgCls == null ) {
var backgroundImage:Object = UIComponent(
this.parent ).getStyle( "backgroundImage" );
if( backgroundImage != null && backgroundImage != ""
) {
imgCls = Class( backgroundImage );
(this.parent as UIComponent).setStyle(
"backgroundImage", "" );
}
}
// Do the actually bitmap filling here
if( imgCls != null ) {
try {
// imgCls could be a symbol in a SWF and the
class will not work
var background:BitmapAsset = BitmapAsset(new
imgCls());
tile = background.bitmapData;
var transform: Matrix = new Matrix();
graphics.clear();
graphics.beginBitmapFill(tile, transform, true);
graphics.drawRect(0, 0, unscaledWidth,
unscaledHeight);
} catch( e:TypeError ) {
// Throw an custom error if imgCls is not a
valid type
throw new Error( "backgroundImage value is not a
valid image class" );
} finally {
;// Catch all just ignore
}
}
}
}
}
}
Now, a CSS file with the RepeatedBackgroundBox definition:
RepeatedBackgroundBox
{
paddingRight: 10;
paddingLeft: 10;
paddingTop: 5;
borderSkin: ClassReference("RepeatedBackground");
background-image: Embed("/assets/images/bg.gif");
}
Now all I have to do to use it is:
Other components here
--- In flexcoders@yahoogroups.com, "xaero" <[EMAIL PROTECTED]> wrote:
>
> And then How can I set the page's background like in the HTML Css?
> That is:
> background-repeat: repeat-x;
> background-PositionX: left;
> background-PositionY: bottom;
>
> --- In flexcoders@yahoogroups.com, "Michael Schmalle"
> teoti.graphix@ wrote:
> >
> > No, you can't do this.
> >
> > Flex CSS is not 'real' css and does not conform to WC3.
> >
> > Mike
> >
>
[flexcoders] Re: Flex Css & Html Css
This is how I do it:
I create an empty component named RepeatedBackgroundBox.mxml:
http://www.adobe.com/2006/mxml"; width="100%"
height="100%">
Next I create an AS file named RepeatedBackground.as:
/*
RepeatedBackground
Use this BorderSkin with backgroundImage
Embed properties scaleGridTop, scaleGridBottom, scaleGridLeft, and
scaleGridRight do not work.
*/
package
{
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Graphics;
import flash.display.Loader;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.geom.Matrix;
import flash.net.URLRequest;
import mx.controls.Image;
import mx.core.BitmapAsset;
import mx.graphics.RectangularDropShadow;
import mx.skins.RectangularBorder;
import mx.core.Application;
import mx.core.UIComponent;
public class RepeatedBackground extends RectangularBorder {
private var tile:BitmapData;
private var imgCls:Class;
override protected function
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList(unscaledWidth, unscaledHeight);
// Use UIComponent to handle any container
// Check if parent is valid
// In some Application initializaton states this might be
false, I was getting an error
if( this.parent != null ) {
// The backgroundImage on the parent will become "" so
we need to keep the class around
// for every object updateDisplayList
if( imgCls == null ) {
var backgroundImage:Object = UIComponent(
this.parent ).getStyle( "backgroundImage" );
if( backgroundImage != null && backgroundImage != ""
) {
imgCls = Class( backgroundImage );
(this.parent as UIComponent).setStyle(
"backgroundImage", "" );
}
}
// Do the actually bitmap filling here
if( imgCls != null ) {
try {
// imgCls could be a symbol in a SWF and the
class will not work
var background:BitmapAsset = BitmapAsset(new
imgCls());
tile = background.bitmapData;
var transform: Matrix = new Matrix();
graphics.clear();
graphics.beginBitmapFill(tile, transform, true);
graphics.drawRect(0, 0, unscaledWidth,
unscaledHeight);
} catch( e:TypeError ) {
// Throw an custom error if imgCls is not a
valid type
throw new Error( "backgroundImage value is not a
valid image class" );
} finally {
;// Catch all just ignore
}
}
}
}
}
}
Now, a CSS file with the RepeatedBackgroundBox definition:
RepeatedBackgroundBox
{
paddingRight: 10;
paddingLeft: 10;
paddingTop: 5;
borderSkin: ClassReference("RepeatedBackground");
background-image: Embed("/assets/images/bg.gif");
}
Now all I have to do to use it is:
Other components here
--- In flexcoders@yahoogroups.com, "xaero" <[EMAIL PROTECTED]> wrote:
>
> And then How can I set the page's background like in the HTML Css?
> That is:
> background-repeat: repeat-x;
> background-PositionX: left;
> background-PositionY: bottom;
>
> --- In flexcoders@yahoogroups.com, "Michael Schmalle"
> teoti.graphix@ wrote:
> >
> > No, you can't do this.
> >
> > Flex CSS is not 'real' css and does not conform to WC3.
> >
> > Mike
> >
>
[flexcoders] Re: Flex Css & Html Css
Thank you very much, Mike. --- In flexcoders@yahoogroups.com, "Michael Schmalle" <[EMAIL PROTECTED]> wrote: > > Hi, > > Well.. you can't really unless you create a custom skin. There are some open > source stuff out there that allows you to use a background repeat algorithm. > > There is no background position styles either. > > So really, what you want to do cannot be done with Flex3 css. > > Mike > > On Mon, Jun 9, 2008 at 1:27 AM, xaero <[EMAIL PROTECTED]> wrote: > > > And then How can I set the page's background like in the HTML Css? > > That is: > > background-repeat: repeat-x; > > background-PositionX: left; > > background-PositionY: bottom; > > > > --- In flexcoders@yahoogroups.com , "Michael > > Schmalle" > > > > wrote: > > > > > > No, you can't do this. > > > > > > Flex CSS is not 'real' css and does not conform to WC3. > > > > > > Mike > > > > > > > > > > > > > -- > Teoti Graphix, LLC > http://www.teotigraphix.com > > Teoti Graphix Blog > http://www.blog.teotigraphix.com > > You can find more by solving the problem then by 'asking the question'. >
Re: [flexcoders] Re: Flex Css & Html Css
Hi, Well.. you can't really unless you create a custom skin. There are some open source stuff out there that allows you to use a background repeat algorithm. There is no background position styles either. So really, what you want to do cannot be done with Flex3 css. Mike On Mon, Jun 9, 2008 at 1:27 AM, xaero <[EMAIL PROTECTED]> wrote: > And then How can I set the page's background like in the HTML Css? > That is: > background-repeat: repeat-x; > background-PositionX: left; > background-PositionY: bottom; > > --- In flexcoders@yahoogroups.com , "Michael > Schmalle" > > <[EMAIL PROTECTED]> wrote: > > > > No, you can't do this. > > > > Flex CSS is not 'real' css and does not conform to WC3. > > > > Mike > > > > > -- Teoti Graphix, LLC http://www.teotigraphix.com Teoti Graphix Blog http://www.blog.teotigraphix.com You can find more by solving the problem then by 'asking the question'.
[flexcoders] Re: Flex Css & Html Css
And then How can I set the page's background like in the HTML Css? That is: background-repeat: repeat-x; background-PositionX: left; background-PositionY: bottom; --- In flexcoders@yahoogroups.com, "Michael Schmalle" <[EMAIL PROTECTED]> wrote: > > No, you can't do this. > > Flex CSS is not 'real' css and does not conform to WC3. > > Mike >
