You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Paul Stearns <pa...@compuace.com.INVALID> on 2020/06/09 14:21:15 UTC
CSS embedded images in AIR
I have a CSS file which is converted to a SWF file. When using SDK 3.6 and compiling for Flash it works fine. When Using SDK 4.6 and compiling for AIR, the image does not display.
Since I am changing 2 things at once I am not sure where to look. Are there differences between 3.6 & 4.6 or Flash & AIR which might cause this?
The CSS file is below, the problem line is;
backgroundImage: Embed(source="assets/ocean.jpg");
Application { backgroundColor: #1c526d; backgroundGradientColors: #146a94, #81cff6; backgroundGradientAlphas: 0.29, 0.54; borderColor: #00006E; borderThickness: 2; cornerRadius: 5; color: #00006E; borderStyle: outset; disabledColor: #00006E; backgroundImage: Embed(source="assets/ocean.jpg"); } Button { disabledColor: #b7babc; } Panel { backgroundColor: #C4EBFE; backgroundAlpha: 1; borderAlpha: 0.9; titleStyleName: panelTitle; statusStyleName: windowStatus; } .separator { color: #00006E; borderColor: #00006E; borderStyle: none; backgroundColor: #C4EBFE; } .panelTitle { color: #000000; fontFamily: Verdana; fontWeight: bold; backgroundAlpha: 0.6; } .windowStatus { color: #000000; fontFamily: Verdana; fontWeight: normal; backgroundAlpha: 0.6; } .headerLabel { color: #66ff66; fontFamily: Arial; fontWeight: bold; }
Paul R. Stearns
Advanced Consulting Enterprises, Inc.
15280 NW 79th Ct.
Suite 250
Miami Lakes, Fl 33016
Voice: (305)623-0360 x107
Fax: (305)623-4588
Re: CSS embedded images in AIR
Posted by Paul Stearns <pa...@compuace.com.INVALID>.
Alex:
I fiddled with the CSS files changing Application to mx|WindowedApplication (and other mx components) and added the namespaces;
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace s "library://ns.adobe.com/flex/spark";
This combined with making sure the theme is set to Halo seemed to have resolved the issue.
Paul R. Stearns
Advanced Consulting Enterprises, Inc.
15280 NW 79th Ct.
Suite 250
Miami Lakes, Fl 33016
Voice: (305)623-0360 x107
Fax: (305)623-4588
----------------------------------------
From: Alex Harui <ah...@adobe.com.INVALID>
Sent: 6/9/20 12:36 PM
To: "users@flex.apache.org" <us...@flex.apache.org>, "pauls@compuace.com" <pa...@compuace.com>
Subject: Re: CSS embedded images in AIR
Can you make a really small test case (maybe just an Application tag and the CSS and whatever code required to display the embedded image). Then if it works in 3.6 but doesn't work in 4.6, open a bug with the source, the image, and both the Flex 3.6 SWF and the Flex 4.6 SWF.
Thanks,
-Alex
On 6/9/20, 7:21 AM, "Paul Stearns" <pa...@compuace.com.INVALID> wrote:
I have a CSS file which is converted to a SWF file. When using SDK 3.6 and compiling for Flash it works fine. When Using SDK 4.6 and compiling for AIR, the image does not display.
Since I am changing 2 things at once I am not sure where to look. Are there differences between 3.6 & 4.6 or Flash & AIR which might cause this?
The CSS file is below, the problem line is;
backgroundImage: Embed(source="assets/ocean.jpg");
Application { backgroundColor: #1c526d; backgroundGradientColors: #146a94, #81cff6; backgroundGradientAlphas: 0.29, 0.54; borderColor: #00006E; borderThickness: 2; cornerRadius: 5; color: #00006E; borderStyle: outset; disabledColor: #00006E; backgroundImage: Embed(source="assets/ocean.jpg"); } Button { disabledColor: #b7babc; } Panel { backgroundColor: #C4EBFE; backgroundAlpha: 1; borderAlpha: 0.9; titleStyleName: panelTitle; statusStyleName: windowStatus; } .separator { color: #00006E; borderColor: #00006E; borderStyle: none; backgroundColor: #C4EBFE; } .panelTitle { color: #000000; fontFamily: Verdana; fontWeight: bold; backgroundAlpha: 0.6; } .windowStatus { color: #000000; fontFamily: Verdana; fontWeight: normal; backgroundAlpha: 0.6; } .headerLabel { color: #66ff66; fontFamily: Arial; fontWeight: bold; }
Paul R. Stearns
Advanced Consulting Enterprises, Inc.
15280 NW 79th Ct.
Suite 250
Miami Lakes, Fl 33016
Voice: (305)623-0360 x107
Fax: (305)623-4588
Re: CSS embedded images in AIR
Posted by Alex Harui <ah...@adobe.com.INVALID>.
Can you make a really small test case (maybe just an Application tag and the CSS and whatever code required to display the embedded image). Then if it works in 3.6 but doesn't work in 4.6, open a bug with the source, the image, and both the Flex 3.6 SWF and the Flex 4.6 SWF.
Thanks,
-Alex
On 6/9/20, 7:21 AM, "Paul Stearns" <pa...@compuace.com.INVALID> wrote:
I have a CSS file which is converted to a SWF file. When using SDK 3.6 and compiling for Flash it works fine. When Using SDK 4.6 and compiling for AIR, the image does not display.
Since I am changing 2 things at once I am not sure where to look. Are there differences between 3.6 & 4.6 or Flash & AIR which might cause this?
The CSS file is below, the problem line is;
backgroundImage: Embed(source="assets/ocean.jpg");
Application { backgroundColor: #1c526d; backgroundGradientColors: #146a94, #81cff6; backgroundGradientAlphas: 0.29, 0.54; borderColor: #00006E; borderThickness: 2; cornerRadius: 5; color: #00006E; borderStyle: outset; disabledColor: #00006E; backgroundImage: Embed(source="assets/ocean.jpg"); } Button { disabledColor: #b7babc; } Panel { backgroundColor: #C4EBFE; backgroundAlpha: 1; borderAlpha: 0.9; titleStyleName: panelTitle; statusStyleName: windowStatus; } .separator { color: #00006E; borderColor: #00006E; borderStyle: none; backgroundColor: #C4EBFE; } .panelTitle { color: #000000; fontFamily: Verdana; fontWeight: bold; backgroundAlpha: 0.6; } .windowStatus { color: #000000; fontFamily: Verdana; fontWeight: normal; backgroundAlpha: 0.6; } .headerLabel { color: #66ff66; fontFamily: Arial; fontWeight: bold; }
Paul R. Stearns
Advanced Consulting Enterprises, Inc.
15280 NW 79th Ct.
Suite 250
Miami Lakes, Fl 33016
Voice: (305)623-0360 x107
Fax: (305)623-4588