[Solved] Ext.air.Notify doesn't display background.

[carbotex]

I'm using Windows XP with plain black background. I can't see the notification message due to the foreground color is black on black background. Where do I need to look to add custom rounded-corners rectangle as the background?

[jsakalos]

I guess that you would get better response if you posted in the Air forum: http://extjs.com/forum/forumdisplay.php?f=23 Do you want me to move this thread there?

[carbotex]

Sure

[carbotex]

Ok, it looks like the background is handled by "ext-all.css" But I still can't see the background. Any idea?

[bereal]

The same problem, just installed Ext JS Library - Air Support 0.30

Calling

    var sample = new Ext.air.Notify({
        msg: "Test error",
        icon: 'images/error.png'
    });

displays notification with transparent background

[carbotex]

Found the culprit with the Notify background issue. In the application.xml you have to use 1.1 namespace instead of 1.5. The background won't show if you are using 1.5.

<?xml version="1.0" encoding="utf-8" ?>
<application xmlns="http://ns.adobe.com/air/application/1.1">

Maybe this is a bug? But it's working now ...

[ciaogrant]

I had the same issue even when using the 1.1 xmlns, and actually found the issue to be that the "ext-all.css" file referenced in the newly created NativeWindow has a hard-coded path of "../extjs/resources/css/ext-all.css", and so would only work if the stylesheet was loaded there.

You can either change the hard-coded path in ext-air.js, or pass in the proper path using something like:

var notification = new Ext.air.Notify({
                        msg: 'Example', hideDelay: 6000, 
                        extAllCSS:'app:/lib/extjs-2.2.1/resources/css/ext-all.css'
                    });

Hope that helps.

[carbotex]

I tried that. It doesn't work.

[ciaogrant]

I tried that. It doesn't work.

I assume you changed the path for the extAllCSS value to match your own application? I know it's sometimes silly, but thought I'd check.

If you post the code you are using to create your Notify, along with any errors you may have, that might help someone troubleshoot your issue better.

[carbotex]

Here is mine:

var sample = new Ext.air.Notify({
  msg: 'New Mail',
  icon: 'icons/new.png',
  extAllCss: 'lib/extjs/resources/css/ext-all.css'
});

I even tried:

var sample = new Ext.air.Notify({
   msg: 'New Mail',
   icon: 'app:/icons/new.png',
   extAllCss: 'app:/lib/extjs/resources/css/ext-all.css'
 });

The background fails to show if I use:
<application xmlns="http://ns.adobe.com/air/application/1.5">

But it works when I modified the xmlns to:
<application xmlns="http://ns.adobe.com/air/application/1.1">

I found this out by comparing the Ext.Player source file as suggested by Aaron. Ext.Player is also experiencing the same issue if I modified the xmlns from 1.1 to 1.5

At least for me it's working now with this solution.