Re: Air desktop apllication and External CSS file with AS3Mxml

[Isabelle LOYER]

Dear Alex,

I try to remove the first '/'. But in this case CSS file is not found by the compiler.

The good path seems to be :  <fx:Style source="../assets/skin/1styles.css"/>

But even if this path is good, this does not fix the problem of the paths for the pictures included in the assets directory.

Thanks for helping.

Best regards

Le 16/04/2022 à 17:13, Alex Harui a écrit :

Hello,

 

Try removing the first ‘/’.  Some IDEs liked leading ‘/’ and removed them before passing to the compiler.  So try changing to

 

`    <fx:Style source="skin/1styles.css"/>

Next, check the -source-path compiler option.  Some IDEs automatically included folders like `assets`.

 

After the compiler is finding the sources, we’ll see if you still get errors about CSS styles.

 

-Alex

 

From: Isabelle LOYER <i.lo...@intersystemes.fr>
Reply-To: "users@royale.apache.org" <users@royale.apache.org>
Date: Friday, April 15, 2022 at 7:05 AM
To: "users@royale.apache.org" <users@royale.apache.org>
Subject: Air desktop apllication and External CSS file with AS3Mxml

 

Hi everyone,
It try to migrate my AIR project from Flex 4.6 to apache Flex 4.16.1(with Air 33.1)
To customize my desktop application I have an external css file named '1styles.css (it's work well with Flex 4.6)
This file is calling on main class (mainApp.mxml) like this

`    <fx:Style source="/skin/1styles.css"/>

`
My project directory Is like this

```
MainLevel
      ____ assets
                        ____ skin
                                      1styles.css
                                      ____ assets
      ____ src
                     mainApp.mxml

```

When I try to launch compilation several message appear
Impossible d’intégrer l’actif depuis "Embed("/../assets/icon_pulldown.png")".

But as you can see on the screenshot on the line 553, the path is not the same on file and on debug terminal !

I have more than 250 errors like this on this css file. I think the problem is the same for all (path description but I don't know how to solve !).

Another point with this CSS file is about unknown property errors, for example those errors appears with paddingTop, paddingBottom, paddingLeft, paddingRight, vertical-gap and theme-color.
`s|WindowedApplication {
    paddingTop:0;
    paddingBottom:0;
    paddingLeft:0;
    paddingRight:0;
    vertical-gap:0;
    theme-color: #919191;
    font-family: main;
    color: #333333;
    font-size: 12;
    
}`

I have a similar problem with personal skin
```
@namespace windowSkin "fr.mycompagny.ui.windowSkin.*";

windowSkin|NativeTitleWindow
{
    skinClass:ClassReference("fr.mycompagny.ui.windowSkin.NativeTitleWinSkin");
}

```
In this cas unknown property error about skinClass appear !

So I neeed your help.
Thanks a lot.
Best regards.

--