HTML-based AIR app with transparent UI, shadows, etc.?

I'm debating on whether to use Flex or HTML/Ajax for a widget
in a project. If I make an HTML-based widget, is it possible to
have UI tricks like shadows and transparency, basically, NOT being
confined to a standard OS "box" window? Is this possible?
Thanks.

Yes it is possible to do this with an HTML-based AIR app.
However, since the visual elements will be HTML-elements, not
display objects, you can't use the Flash APIs for shadows and
transparency. Also, in a transparent window, SWF and PDF content in
HTML cannot be displayed.

Similar Messages

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!

Flash in HTML-based AIR app: Urls do not open

Hy there
Like the title states, I have a HTML-based AIR application, which embeds flash. This flash opens Links which should eventually open the default browser. For this I previously had to set the following property in my AIR application:
window.htmlLoader.navigateInSystemBrowser = true;
Like this the URL calls were forwarded to outside the application and then opened the webbrowser. We had successfully tested this on various systems.
However, now there are users of our application, who report that on their system (Including WinXP Professional SP3!) the websites do not open at all. When clicking on a link inside the app nothing happens.
Their system:
Hardware: Lenovo IdeaPad S12
Windows XP Home Edition v2002 Service pack 3
IE 7 (Version 7.0.5730.13)
Firefox 3.5.7
I had a look at the system and things like switching the default browser or re-installing Firefox did not work. Unfortunately this is a critical issue and kinda urgent so any help would be greatly appreciated. Thanks very much.

Thank you for reporting back and letting us know.
Chris

Embedding swf into HTML+JS AIR app

Hi
I'm trying to embed swf into HTML+JS AIR app with no luck.
First, I created flash library with this class in default package.
package
     import mx.controls.Alert;
     public class Utilities
          public function Utilities()
                         //asdfasdf
               Alert.show("asdasd","");
Then I compiled the project with Flash Builder and got library.swc as result. Then I extracted swf file.
After this is added required code into my html:
<html>
<head>
    <script type="text/javascript" src="AIRAliases.js"></script>
    <script type="text/javascript" src="AIRIntrospector.js"></script>
    <script type="text/javascript" src="jquery-1.6.2.js"></script>
    <script src="library.swf" type="application/x-shockwave-flash"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            alert('loaded');
            air.Introspector.logError("aaa");
            var v = new runtime.Utilities();
    </script>
</head>
<body>
</body>
</html>
Then after I run application, I get error that result of expression is not constructor, function etc.
Could you help me please? Thanks in advance.
Here is sample code:
http://depositfiles.com/files/jztpnlb3a

No. I mean that the Flex framework makes certain assumptions about the environment it is running in -- like having a stage to work with. The Alert function, for example, works by creating a sprite and adding it to the Flash display list. Since your embedded SWF is not on a stage, there's no way for it to work.
You can can possibly use certain non-visual parts of the framework, such as the rpc package, but I can't guarantee it.

Convert HTML/javascript AIR app to flex-based AIR app?

Hi all,
I've already built an AIR app using HTML/javascript that I
would like to monetize.
I would like to use O2app's E-Commerce framework, which right
now only supports Flex-created AIR apps.
My question: Is there a simple way to "convert" an
HTML/javascript AIR app to Flex 3 format? I'd rather not have to
rebuild the app from scratch in Flex 3 if I don't have to. :)
Thanks,
Al

Hi,
There's no simple way to convert an HTML AIR app to flex.
But it is possible to create HTML Root windows from a Flex
AIR App. By root window, I mean the same kind of window that is
launched when you launch an HTML AIR App.
For more info, look at the HTMLLoader.createRootWindow()
call. (This will be available from a Flex AIR app as well)

Can I run an html/javascript AIR app on Android or iOS?

Is it possible to compile an already-existing HTML/javascript app to install/run it on any mobile OS (Android or iOS, in particular)? I haven't found anything that says it's possible, only instructions for doing it with a Flash/Flex based AIR app.
I have a large html/javascript app, with a lot of value put into it, and my client would like to be able to package it for use on tablets. Ideally, I'd like to be able to not only have it run there, but also be able to "hide" the html/js code from prying eyes, if there's a way to do that.
Thanks much in advance... I've done considerable research trying to get an answer to these questions.
- Jack

Hi Ross,
the certificate used for APK files is a self-signed one so at this point, no need to use Google Console yet.
See http://helpx.adobe.com/digital-publishing-suite/kb/publishing-process-android-amazon-mobil e.html (Create a certificate file using Keytool)
Testing is only a matter of installing the APK file on the device where you should be able to test.
The Android developer account will be useful for testing if you have in-app purchases matching 'retail' folios.

Publishing air apps with native extension with Flash CS6 on Windows

Hi all,
is there any trick to publish air apps with Flash CS6 on Windows?
I tried all native extensions from devnet, but nothing work to me.
I read on Mac is possibility to specify the iOS SDK folder in publish
settings, but on Windows it´s missing.
Is there anybody who has some experiences with publishing apps
with native extensions for iOS and Android with windows Flash CS6?
Thanks for all advices.

I sympathize. I recently found a native alert for iOS and Android that's working with Flash CS6 on Windows with AIR 3.2.0.2070 but not AIR 3.2.0.2060. You can get the ANE here:
http://www.jampot.ie/ane/
Haven't tried the other ones. Let us know if you decide to try them.
The sample code they have on the page doesn't work with the native alert. Here's the code I created - it's a document class for a .fla that has one dynamic TextField and one Button component on the stage :
http://pastebin.com/DsxR9nJ4

Air apps with outside elements

Hello,
First of all i'm a newbie to air.
my question is : is it possible to create an desktop Air apps
with the "core components" of the apps (in my case .air file and
swf, xml) and as the full application will use flv give the
possibility to download those flv to folder (inside the
installation folder) or to use them from a server online.
The final purpose of my question is that i'd like that my
apps could look if there's updated flv available.
Hope that my question is clear enough bcause of my poor
english ;)
Thanks

Hi,
AIR has APIs that let you download files from the internet
and store it on your local filesystem (though not in the
application installation directory, but a different location: the
application storage directory). You should be able to play those
flv's from your AIR app.
Using the same API's you can also download a file that lets
your app know if there is an updated flv available.

HTML/ Javascript Air App as Screensaver

I am trying to find out how to use a Air app developed using HTML/ JS as a screensaver. All the information I have found has been in other dev platforms, ie flex or AS, and I am unable to translate it to what I am doing.
Any help pointing me in the right direction as far as docs/ api's to read would be greatly appreciated.
Thank you in advance for your help.

There's no direct support for creating screensavers with AIR. (Now if you are talking about a fullscreen application, that is, of course possible -- look at the Stage displayState property in the ASLR: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/Stage.htm l#displayState -- but that's not really a "screensaver" per se.)

Is there a way to generate air apps with hidden or "insided" swf?

The swf file is very very easy to be decompiled after installed...
Why adobe air doesn't include swf into the executable file?
I have to protect it.

but it will be complicated for Android and iOS
You don't need any setup mangers for this. Adobe Air for iOS use embedded runtime into package (captive) and you can't build it separately. For Android there two options. Make it built-in (captive) or shared. So don't worry about mobile devices. Just use captive for Android.
and there is another problem with the Air Security Certificate and Digital signature.
I don't understand your issue. When you developing and publish app for iOS/Android - you must use Developer certificate that you must buy from Apple or Android/Azamon. iOS don't allow packaging without certificates. Android allow with self-signed.
, just after the manifest document (xml) was extracted or with personal package.
Adobe Air very flexible. You can use different techniques. For example I use visualization software to create from Adobe Air bunch of files just single one executable file. It's like packaging you app with all external files inside another app.

Looking for AIR app with the following features

This list of functionalities is so common I thought I'd check to see if anyone knows an opensource or even commericial app with the following features.
Access User's File System
Drag & Drop Upload
Does anyone know of an AIR project that already exists?
I could write this myself but I'd rather not reinvent the wheel with a 2 week deadline.
Thanks

Hi A-Mo,
I'm very sorry that your husband's PowerShot SD1100 IS was stolen!
The SD camera line has been replaced by the PowerShot ELPH lineup. These cameras are improved in a number of important ways, such as better zoom lenses, and sensitivity to light for existing light photography.
I recommend that you consider the PowerShot ELPH 310 HS. This camera has an 8x optical zoom lens (vs. 3x for the PowerShot SD1100 IS), has a higher ISO of 3200 (vs. 1600) for low light photography and shoots video in "full" high definition (1920 x 1080 resolution) (vs. 640 x 480).
Please note: none of the cameras in this group of cameras includes the optical viewfinder you had on the PowerShot SD1100 IS,
I hope this is helpful.
Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well.

Multiple AIR apps with the same local cache?

Hi guys,
Is it possible to create multiple AIR apps (for mobile & desktop) that can use the same local cache?
For example: 2 apps for iPad will use the same data store (local cache). If we synchronize (with LCDS) and get all the data for 1 application, if we open the second application, can we access the data set from the other application?
Thx!

Hi Vikram,
Eventhough I think it is techincally not possible, even if it was I would not recommend doing this. I think this is asking for problems and you can wait for the day that somebody messes up your production system, thinking it is DEV.
I would use names like DEV_Oracle_BI_DW_Base and PRD_Oracle_BI_DW_Base, to clearly distinguish between the environments. But then again, I think Informatica forces you to use different names.
Regards,
Toin.
~Corrected typo.
Edited by: Toin on Oct 16, 2008 4:02 PM

Silent install Air Runtime and Air App with custom installer?

I want to use a custom installer that will perform some actions, and then silently install air runtime and an air application. The goal here is to be able to perform a customized install for an Air application (for a user that might not have Air installed) without confusing the user with multiple install screens. Can I use a custom installer to silently install Air (if the user doesn't have it installed) and the Air app? If so, are there any restrictions on the custom installer? If there are any examples of this, please provide the links.

Since you applied for the distribution from Adobe you should
have received a link to a page where you can download what they
call the "side-car" installer. It's basically an installation
system they are making available to developers that can be easily
configured to deliver a bundled runtime and application
installation for Mac and Windows.
Check your email again and see if you can't find a link in
there pointing you to a download page for the AIR runtime as well
as the aforementioned side-car installer. For those who don't know,
here
is where you can apply for a redistribution permit for AIR.
I have a small tutorial posted that might be of help to you
on my blog:
http://blog.arnimaack.com/flex-air-series-4-air-all-in-one-installers-on-CD-DVD

How do I associate a captive-runtime AIR app with a filetype on OSX, without breaking codesigning?

The documentation from both Adobe and Apple says that it is required to change the Info.plist file in order to associate an app with a filetype
However, one is also required to codesign the app in order to pass through OSX's Gatekeeper security restrictions.
How can I get pass this problem? If I codesign from within AIR, and then change the Info.plist in the exported bundle, won't it break the codesigning?

Have you tried using NativeApplication.nativeApplication.setAsDefaultApplication(extension:String) method?
According to the documentation:
"Sets this application as the default application for opening files with the specified extension.
Note: This method can only be used with file types declared in the fileTypes statement in the application descriptor."
I used it successfully in the past when creating a video player app for Mac/Windows that became the default for FLVs and F4Vs, but it was before captive runtime was available so Im not sure if that makes a difference or not. Also not sure how this affects code-signing but might as well give it a shot if you havent tried it or if you know it wont break anything. If you are using Flash CS6 or CC, just remember to add the file extension(s) you want to associate under AIR Settings -> Advance -> Associated file types. Not sure how Flash Builder handles those settings.
NativeApplication - Adobe ActionScript® 3 (AS3 ) API Reference

Problem packaging AIR app with NativeProcess support!?

My AIR packaged AIR app doent work with NativeProcess
when I package it like
<supportedProfiles>extendedDesktop desktop<supportedProfiles>
or
<supportedProfiles>desktop extendedDesktop<supportedProfiles>
But when I use just <supportedProfiles>extendedDesktop<supportedProfiles>
Packager complains with Error 306!!
What is that suppose to mean?
Help please
I'm using FB4,SDK 4.1

Are you packaging your application as a native application (.exe or .dmg)? I believe applications with extendedDesktop support (and nativeprocesses) can only be packaged as native applications.

HTML-based AIR app with transparent UI, shadows, etc.?

Similar Messages

Maybe you are looking for