AIR Application Transparent Background issue

Hi, I have a small AIR application with a transparent
background, my problem is when I drag the application I get a
border appearing. How can I change this behaviour so I dont show
the application border when dragging the application across my
desktop
Thanks.

Hi,
In your application descriptor, is systemChrome set to none
and transparent set to true?
Even then, you are getting a border?

Similar Messages

Air Application URL Path Issue

I am trying to invoke a content of the file which is in shared folder from Air application.
Version : Flash builder 4.5,Flex3.6 sdk and Air 2.7.
for this am using the below code..
var request:URLRequest = new URLRequest();
//request.url = ('file:///c:/params.txt'); - This is working fine
request.url = ('file:///172.20.188.25/Share/chk/Property/params.txt'); // its not working
trace("Unable to load URL: " + request);
var variables:URLLoader = new URLLoader();
variables.dataFormat = URLLoaderDataFormat.VARIABLES;
variables.addEventListener(Event.COMPLETE, completeHandler);
try
variables.load(request);
The same part of code ,I tried in Flex application is working .but in Air application its not working.
Its urgent requirement,If any one know the way to resolve this path issues.
Kindly let us know.
Thanks in Advance !!

I tried in the following URL but no use ..
its throwing ioError and textError and stream error.
1.file:///172.20.188.25/Share/chk/Property/params.txt
2.http://172.20.188.25/Share/chk/Property/params.txt
3. //172.20.188.25/Share/chk/Property/params.txt
Is there any other solution for this issue ?

AIR Application Sandbox Bridge Issue

I am having an issue accessing the sandbox bridge from my application core page.
The only thing I think it might be is I am using ajax for a login procedure so it might bolo it because of that.
if anyone has any ideas I could use a fresh pair of eyes,
If I strip it and create a new basic client I can get the sandbox bridge to work and launch the internet explorer , but with this client it won't
here is the code for my AIR app document
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Viper: Nuclear Edition</title>
<link rel="stylesheet" type="text/css" href="../../lib/css/viperapp-interface.css" />
<link rel="stylesheet" type="text/css" href="../../lib/css/module-headers.css" />
<link rel="stylesheet" type="text/css" href="../../lib/css/p7exp.css" />
        <script src="/AIRAliases.js"></script>
<script type="text/javascript" src="../../lib/js/scripts.js"></script>
<script type="text/javascript" src="../../lib/js/p7exp.js"></script>
        <script language="javascript">
//This code is placed in the root document header
//This function is written to run from the sandbox. It opens a url in an external browser
function processURL(){
var searchString = document.location.search;
// strip off the leading '?'
searchString = searchString.substring(1);
var nvPairs = searchString.split("&");
for (i = 0; i < nvPairs.length; i++)
var nvPair = nvPairs[i].split("=");
var name = nvPair[0];
var value = nvPair[1];
alert(searchString);
function remoteLogin(){
var searchString = document.location.search;
viperframe.location.href = 'http://devcenter.viperapp.com/cgi/login.cfm'+ searchString;
function testRemote(){
alert('this is working');
function noLogin(){
alert('Your login information was incorrect, please try again');
top.location.href="login.html";
//This code is placed in the root document header
//This function is written to run from the sandbox. It opens a url in an external browser
function openExternalURL(href) {
var request = new air.URLRequest(href);
try {
air.navigateToURL(request);
catch (e) {
alert(e);
var Exposed = new Object();
// expose the trace() function.
             Exposed.trace = function(str) {
                air.trace(str);
Exposed.openExternalURL = openExternalURL;
Exposed.testRemote = testRemote;
Exposed.noLogin = noLogin;
function doLoad() {
//Place the Exposed object on the parentSandboxBridge property of the ui frame's window object.
var frame = document.getElementById('viperframe').contentWindow.parentSandboxBridge = Exposed;
setIframeHeight('viperframe');
remoteLogin();
// window.callMe = document.getElementById('viperFrame').contentWindow.childSandboxBridge.callMe;
//var frame = document.getElementById('viperFrame').contentWindow.parentSandboxBridge = Exposed;
</script>
</head>
<body onload="doLoad();" onresize="setIframeHeight('viperframe');" onfocus="setIframeHeight('viperframe');" bgcolor="#222222">

<div id="headerToolBar">
<div id="headerToolUser">
<ul>
<li><a href="javascript:void(0);">Logged in  <strong>
                    </strong></a></li>
<li><a href="login.html" target="_parent"><strong>Log Out</strong></a></li>
<li><div id="windowTools"><a href="javascript:void(0);" onClick="parent.minimizeWindow()"><img src="../../lib/img/headertoolbar/icon_minimizewindow.png" width="18" height="18" border="0" /></a><a href="javascript:void(0);" onClick="parent.maximizeWindow()"><img src="../../lib/img/headertoolbar/icon_expandwindow.png" width="18" height="18" border="0" /></a><a href="javascript:void(0);" onClick="parent.closeWindow()"><img src="../../lib/img/headertoolbar/icon_closewindow.png" width="18" height="18" border="0" /></a><div class="clearfloat"></div></div></li>
</ul>
</div>
<div id="menuwrapper">
<ul id="p7menubar">


<li class="topnav"><a href="javascript:void(0);" class="trigger">File</a>
<ul>
<li><a href="login.html" target="_blank">New Window</a></li>
<li><em> </em></li>
<li><a href="javascript:window.print();" onclick="window.print();">Print</a></li>
<li><em> </em></li>
<li><a href="login.html" target="_parent">Log Out</a></li>
<li><a href="javascript:void(0);" onClick="parent.closeWindow();">Quit VIPER</a></li>
</ul>
</li>
<li class="topnav"><a href="http://designsupport.viperapp.com" target="_blank" class="trigger">Help</a>
<ul>
<li><a href="login.html" target="_parent">Reset Connection</a></li>
<li><em> </em></li>
<li><a href="http://designsupport.viperapp.com/contact.cfm" target="_blank">Contact Support</a></li>
                            <li><a href="license.html" target="viperframe">View License</a></li>
</ul>
</li>
</ul>
<div class="clearfloat"></div>
</div>
</div>

<iframe src="" id="viperframe" name="viperframe" frameborder="0" scrolling="no" width="100%"></iframe>

</body>
</html>

I have tried running another command and it still doesn't run the external URL function, just if it runs my no login command via the sandbox bridge,
and it is a simple command
here is the javascript it is running on the nologin.
function noLogin(){
alert('Your login information was incorrect, please try again');
top.location.href="login.html";
if it runs that over the sandboxbridge it works , if it doesnt then it doesnt.
Anyone have any ideas, and I missing something on my iframe ?

Spark skinning - combobox transparent background issue

Hi,
I have a custom combobox component whose background is transparent when it is in a titlewindow , but looks opaque in a cell of a datagrid. The code for background for combobox is

<s:Rect id="background" left="1" right="1" top="1" bottom="1" >
<s:fill>

<s:SolidColor id="bgFill" color="0xFFFFFF"/>
</s:fill>
</s:Rect>
The code for background fill of titlewindow is


<s:Rect id="background" left="1" top="1" right="1" bottom="1">
<s:fill>

<s:SolidColor id="backgroundFill" color="#FFFFFF"/>
</s:fill>
</s:Rect>
Though setting the alpha to 1 in either code did not work. Please help.

Setting of contentBackgroundAlpha for the combobox worked.

Spark Application Transparent Background...

Hi! im new in Flex 4, since I use Flex 3 I have no problems... only with backgroundAlpha = 0, and wmode = "transparent" all fine, but then with Flex 4 I CAN'T°°° seems like the backgroundAlpha property was removed... I think is like a Spark-Skin thing, but im new so plz help me!!! PD: I apologize for my badly english.
Zeinc.

Yeah I Did it! i was trying with "Spark Skinning" and I created an a background image with aplha set to 0! and it Worked!! so if any one have another better solucion it will be apreciated Thanks! P.D.: I apologize for my badly english.

"Abobe AIR Application Installer" is damaged and can't be opened.

I went just downloaded ADOBE AIR and when I try to use it to install one of my Apps I get the message, "Abobe AIR Application Installer" is damaged and can't be opened.
Can someone please address this.
Thank you,
Dr. Alan

Hi,
Exactly some of our customers are experiencing with "Adobe AIR application Installer damaged" issues.
Can someone help us here?

How to blur the background behind the AIR application?

Dear fellow developers and Adobe gurus,
With the BlurFilter, I can easily blur everything inside of
an AIR application.
But, figure this for a moment: I'll have an application with
some sort of transparent background, which results in all the items
and programs behind the AIR application shining through. Further
imagine that I have some kind of blurred background in my
application from which I want the UI components to stick out nicely
and sharply.
But here's the suprise: no matter how I blur the contents of
my AIR application, everything behind the app stays sharp and
crystal clear.
Now my idea of the whole picture is that the Flash Player
somehow "hands through the application" what is behind it when
system chrome is off and transparency mode is on, but it only seems
to "pipe" it through without applying any effects/filters to it.
So, my question is: is there a good reason for this (maybe it
would be a serious performance and/or platform alignment issue), is
there a workaround (like "plugging into" the piped stream of
background information), or will there some first-hand solution in
the future?
Best regards
C.

Thanks a lot for this quick, plausible, and clarifying
answer.
I feared it was something like that... it leaves me a wee
disappointed.
I was hoping to be able to create some sleek blur effects in
the background of my application with AIR...
With the fullscreen capabilities of the Flash Player in mind,
I was also hoping it was possible to create some kind of fullscreen
blur-fade effect, with all the other items fading/blurring to black
when turning my app into fullscreen mode. Something like the effect
of the Steam Media Player, if you happen to know that. But since
that is built upon the Windows Media Player, I already feared that
it would be something specific to WMP in combination with the OS.
I also understand that it would be very difficult to achieve
a similar effect with something like screenshots since it is almost
impossible to do that real time.
Is there any faint chance that AIR/the Flash Player might be
able to do something like filtering/affecting what is shown behind
the app in the future?
Best regards
C.

Font Anti-Aliasing Issues in HTML/Ajax based Air Applications

It seems that the font-renderer in HTML/Ajax based Air Applications is using some kind of sub-pixel font renderer that is overriding and vastly inferior to the standard Windows ClearType, or any Apple based option as well. This problem is particularly noticable with light text on a dark background, and made worse the smaller the text is. I've put together an example image explaining exactly what I mean at: http://regator.com/fontRendering.png (it's a large image 1126 x 1500 px)
My example shows two fonts at four different sizes rendered in an HTML Air App vs the default Windows Cleartype, as well as using Safari to show the Font style anti-aliasing. In all cases the HTML Air App rendering is far more difficult to read, and in many cases severely distorts the color of the text in a way that other subpixel algorithms do not. As far as I can find after literally hours of googling and searching there's no way to override this in HTML based applications. Is there any solution to this, or a planned fix for the renderer? Other than this rendering issue, the HTML interface for creating Air apps is absolutely brilliant, this is just making my finished product look significantly less polished than it otherwise would if the text were more readable.
Thanks.

Dear caturner81, dear Adobe,
is there a solution to this problem? I'd really love to fix the aliasing thing in Air/HTML!

HTML based AIR app with transparent background (PNG)

Hi guys,
I have been developing a VERY simple HTML / JavaScript AIR app with Dreamweaver CS3 and Photoshop CS3.
I have skinned the app with a simple transparent PNG file (Photoshop > Save for Web and Devices). I have set the PNG as the <body> background-image via CSS and the body background-color is undefined. I have also set the app to:
<systemChrome>none</systemChrome>
<transparent>true</transparent>
My problem is that I get a white opaque background showing through behind / around the PNG.
Q: Is it possible for HTML / JavaScript AIR apps to have transparent backgrounds (I have seen lots of info about how to do this in Flash / Flex but not HTML)?
Q: What do I need to change or do to make it work?
Many, many thanks,
B

Oops, sorry.
I was using the BluePrint CSS Framework and it turns out that that was setting a background color.
Please ignore this thread!

Creating a transparent background with a SWF file for Export to Air

I have been trying to place a SWF with a transparent background into an image component and use as a background for a widget. When I place the swf (just a simple single frame swf file) and output with any other method the background works perfectly. If I output to air then the background is a white rectangle with only a progress bar the stays at 0%. I have tried to not embed it but I get a broken link icon in the same rectangle.
What am I missing? Should the swf file have some special setting that I am missing?
I am using Xcelsisus 2008 with SP1 and FP1.
Thank you for any assistance.
Heath

While there is no means to be sure about the method in which SAP/BO creates their components. My assumption is that the component uses the WindowedApplication or an HTMLLoader object(more likely) to display each SWF file.
If this is the case then it is a known limitation in Adobe Air that we may be able to overcome by trying out the methods described in the following link: [Air Transparency Help|http://help.adobe.com/en_US/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7e09.html#WS5b3ccc516d4fbf351e63e3d118676a452d-7fe5]
Or try this link for more detail on [HTMLLoader display options within Air|http://help.adobe.com/en_US/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7e79.html#WS5b3ccc516d4fbf351e63e3d118676a3e36-7ff9]
Let me know if this works! Now I'm curious...

Adobe AIR Application certificate issue - Urgent

Hello,
I have created my AIR application in flex 3 using AIR 1.0. I have created it with local air certificate and dispatch the air application to the client. Now after 2-3 months i have got some new features to be added into that application for same client. I have lost my original certificate using which i have created the air application installer. Now if i am creating air with new certificate then it gives me following error:
This application cannot be installed because this installer has been mis-configured. Please contact the application author for assistance.
Can any one have any idea for how to get certificate recreated. Here certificate is not licenced one it was local. And my application is using auto update feature. So if i change the certificate then already installed application will never get update message. ITs a deadlock situation.Help me.
Thanks
Dhwani

Samsung Tab 3 features x86 architecture, did you try an Android-x86 build? (add -arch x86 to compiler flags)

Photos with transparent background weird issue in album

There is something very strange happening
What I did
I saved two images that had transparent background
When I view it in my photo album the thumbnail shows the image but for the "background" it is some other random photo that isn't even in my camera roll! It just shows up only when I save these images with transparent background. This happened for two images and the photos showing up are different (from the same night because I can see who is in it).
When I view these images larger, the background photos do not appear , so it is very strange
I took a screen shot of this too and would like to send to apple support

I would not really expect AppleTv to handle transparency in an image, though maybe it does and this is some kind of bug.
I would regard transparency handling as a non-basic feature to be honest, one that the majority of users will not expect to use or use.
Does iPhoto handle transparency properly?
Send feedback to:
http://www.apple.com/feedback/appletv.html
It may be something they can add fairly easily, but it may not either.
Don't expect a reply from that link.
AC

Issue with decreasing startup time of Air Application(Please Help)

If someone knew the answer to this it would really help me. I put a large directory into my source folder that was pulling up HTML files through a mx:html. I added a creationComplete function so a the user would fill out a registration form before they start using the application. When I run the application from Flex it runs fine but when I export the application and turn it into a .air file and install it on a computer, the application seems to be scanning the entire directory(the src folder) the application is in, including the large sub-directory housing the HTML files, before the application starts. I don't know if its the creationComplete fuction or something else, but my application did not do this before but know its doing it now. There is no need to scan the entire folder before the application starts. Does anyone know what function would be scanning the source folder before opening the application? Is it the creationComplete function? Do I have any other alternatives besides for creationComplete that will not scan the entire folder at application startup, or is there anyway to exclude a specific subdiretory (in the src folder) at startup so the a application will not scan the entire folder before opening, or should I put the creationComplete function in a separate directory.
What i'm using:
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*"
height="730" width="1257" title="Prototype" xmlns:comp="components.*"
creationComplete="checkRegistrationWinInfo(), checkRegistrationInfo()">

Post both these methods:
checkRegistrationWinInfo(), checkRegistrationInfo()
creationComplete itself does nothing with the system. It's an internal (Flex) thing.
AFAIK, an air application doesn't "scan" anything when started.

Deployment of an Adobe AIR application in an enterprise environment

Dear Team members,
first of all my apologies for posting this thread in more than one forum (see Installations Issues) but the argument is very important to us and I don't know where discuss it.
I would like to post a question to you regarding deployment doubts that we are trying to address.
My company is working on the new version of our primary application previously built as a J2EE application with some reporting functions with Flex, and we want to use AIR in order to leverage its possibilities:
Seamless integration with existing application functionalities (implemented as standard JEE web application pages) thanks to the integrated HTML capabilities
Improved integration of the user interface with the desktop
Native processes to provide additional functionalities
Our application is targeted to pharmaceutical industry, subject to FDA regulations, and it affects more than 5000 users for each customer, so we have some specific requirements affecting the deployment and distribution of the software:
Allow to run multiple versions of the software on the same client machine (to support test and acceptance activities in addition to the production environment)
Minimize the effort of the initial setup on each client
Manage the version upgrades without manual activities on each client
Keep the test/acceptance and production environments strictly aligned to improve effectiveness of formal validation (ideally, an application once validated should be transported in production without any source code modification, recompilation or repackaging)
The current browser-based strategy is perfectly fit to these requirements, and in the shift towards a desktop-based strategy we need to continue satisfying them as much as possible. We evaluated the standard distribution strategy of Adobe AIR applications, and noticed several attention points in this scenario.
The first issue we encountered is the back-end services endpoint discovery problem. Simply hardcoding a server URL in the packaged application could be a viable solution for public internet-accessible applications, but we need to support multiple customers in their intranet, and each one typically requires multiple environments for the application (acceptance, production, etc.). Maintaining dozens of different packages of the AIR application to support all these customer environments clearly is not the solution. Neither we want to force thousands of different users to enter and maintain the correct server location in their local preferences.
So, we thought to use a badge hosted in the back-end application to run the local AIR application: using the underlying API, we could activate the application specifying also the network location of the back-end services. We could also rely on the badge to install the application (and the AIR runtime if necessary)… however, application packaged as native installers cannot be installed, upgraded, or launched by the badge API (and we need to package ours as native to use native processes).
We also noticed that multiple versions of an AIR application cannot be installed side-by-side in a client machine, and that the installation and upgrade of the application can be performed only when the local user has administrative rights on the machine (using standard or native packages), forcing us to rely on external software distribution systems in some customer scenarios (introducing additional complexities in the release cycle).
At this point, in our opinion the standard deployment strategies of Adobe AIR applications are unfit for enterprise environments. In the enterprise world, many of the applications have migrated to a completely browser-based solution, while others enhanced their client layer to comply with the requirements, for example installing only a thin portion of the client code and allowing to connect to multiple server versions/environments with it (e.g. the SAP GUI universal client). Without smarter deployment and distribution tools, AIR applications currently are a step back compared to web applications in terms of manageability.
So, we are trying to develop a solution to address these problems, with some concepts similar to JStart: install on the client machine a launcher application capable of being activated from a web page, dynamically locate, download and run the actual client bytecode, transparently enforce client software updates, and supporting multiple applications (and multiple versions of the same application). However, we are facing many technical problems due to internal architecture of AIR and we already spent a considerable amount of effort trying to find a solution. We are now thinking to return on the choice of AIR, going back to Flex.
What is the position of Adobe on this argument? Is Adobe aware of these issues and are there any plans on this topic? Any advice?
Thank you in advance

For those following along, Oliver Goldman will be answering this post in future articles on his blog.
Many great comments and questions here. I’m working on some follow-up posts to address these; nothing I could cram into this comment field would really do your query justice. - Oliver Goldman
Pursuit of Simplicity
Chris

Animated gif with transparent background

When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
Do I do something wrong in Keynote ?

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

AIR Application Transparent Background issue

Similar Messages

Maybe you are looking for