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 xxmapachexx@ ... 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 bjorn.mailinglists @...
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
teoti.graphix@ ... 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 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 flexcoders% 40yahoogroups. 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
--
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.
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 teoti.graphix@ ... 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 flexcoders% 40yahoogroups. 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 -- 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
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 teoti.graphix@ ... 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 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 flexcoders% 40yahoogroups. 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 -- 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
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:
?xml version=1.0 encoding=utf-8?
mx:VBox xmlns:mx=http://www.adobe.com/2006/mxml; width=100%
height=100%
/mx:VBox
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:
custom:RepeatedBackgroundBox
Other components here
/custom:RepeatedBackgroundBox
--- In flexcoders@yahoogroups.com, xaero 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
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 flexcoders%40yahoogroups.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 -- 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
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 flexcoders%40yahoogroups.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
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 flexcoders%40yahoogroups.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 -- 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
This is how I do it:
I create an empty component named RepeatedBackgroundBox.mxml:
?xml version=1.0 encoding=utf-8?
mx:VBox xmlns:mx=http://www.adobe.com/2006/mxml; width=100%
height=100%
/mx:VBox
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:
custom:RepeatedBackgroundBox
Other components here
/custom:RepeatedBackgroundBox
--- 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:
?xml version=1.0 encoding=utf-8?
mx:VBox xmlns:mx=http://www.adobe.com/2006/mxml; width=100%
height=100%
/mx:VBox
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:
custom:RepeatedBackgroundBox
Other components here
/custom:RepeatedBackgroundBox
--- 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
