FlexJS more problematic CSS

classic Classic list List threaded Threaded
8 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

FlexJS more problematic CSS

Harbs
The CSS in my tutorial here[1] does not compile inside a fx:Style block.

Can one of our compiler gurus take a look at that? ;-)

Harbs

[1]https://docs.google.com/document/d/1pW599xo-Icys-xXEeNi6tbTcH-iMepbTR6WcviLy7i8/edit#heading=h.un4iqbgnan3b <https://docs.google.com/document/d/1pW599xo-Icys-xXEeNi6tbTcH-iMepbTR6WcviLy7i8/edit#heading=h.un4iqbgnan3b>
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

after24
Bonjour,

En congés jusqu'au 4 septembre, je prendrais connaissance de votre message à mon retour.

Cordialement,

Vincent/AFTER24



Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

Olaf Krueger
In reply to this post by Harbs

>To work around bugs in the compiler (which get fixed as they are discovered), I have a separate CSS file >that I include with my app which contains CSS that has trouble being compiled.

Just to make sure that I understand it right:

Does that mean, that it works if we just outsource the CSS that doesn't compile into a separate file instead
of embedding it in mxml?

Thanks,
Olaf

Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

Harbs
Yes. I have a css file in src/assets/defaults.css.

The css file is copied to bin/js-debug and bin/js-release when I compile.

In src/resources/template.html I have in the header:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css”>

I have added the following compiler option to my build configuration:
-html-template=src/resources/template.html

That automatically links to additional css.

(More content for the docs..) ;-)

Harbs

> On Aug 11, 2017, at 4:39 PM, Olaf Krueger <[hidden email]> wrote:
>
>
>> To work around bugs in the compiler (which get fixed as they are
> discovered), I have a separate CSS file >that I include with my app which
> contains CSS that has trouble being compiled.
>
> Just to make sure that I understand it right:
>
> Does that mean, that it works if we just outsource the CSS that doesn't
> compile into a separate file instead
> of embedding it in mxml?
>
> Thanks,
> Olaf
>
>
>
>
>
> --
> View this message in context: http://apache-flex-development.2333347.n4.nabble.com/FlexJS-more-problematic-CSS-tp63810p63812.html
> Sent from the Apache Flex Development mailing list archive at Nabble.com.

Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

Olaf Krueger
This is also really helpful!!
I will try it out by myself and will add it to the docs!

Thanks,
Olaf
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

Harbs
If you use an HTML template file there are a couple of things to keep in mind:

1. You need to have <link rel="stylesheet" type="text/css" href="${application}.css”> in your head which gets the generated application css.
2. You need to add ${head} to the head section for injected html.
3. You need some script code in the body to start the app.

HTH,
Harbs

> On Aug 11, 2017, at 4:56 PM, Olaf Krueger <[hidden email]> wrote:
>
> This is also really helpful!!
> I will try it out by myself and will add it to the docs!
>
> Thanks,
> Olaf
>
>
>
> --
> View this message in context: http://apache-flex-development.2333347.n4.nabble.com/FlexJS-more-problematic-CSS-tp63810p63814.html
> Sent from the Apache Flex Development mailing list archive at Nabble.com.

Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

Alex Harui-2
In reply to this post by Harbs
First thing to try is to provide a namespace for all type selectors.

  @namespace "http://www.w3.org/1999/xhtml";

Must be used for all native HTML elements.

HTH,
-Alex

On 8/11/17, 6:20 AM, "Harbs" <[hidden email]> wrote:

>The CSS in my tutorial here[1] does not compile inside a fx:Style block.
>
>Can one of our compiler gurus take a look at that? ;-)
>
>Harbs
>
>[1]https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.g
>oogle.com%2Fdocument%2Fd%2F1pW599xo-Icys-xXEeNi6tbTcH-iMepbTR6WcviLy7i8%2F
>edit%23heading%3Dh.un4iqbgnan3b&data=02%7C01%7C%7C1406dc634e344d8b6c3808d4
>e0bbb902%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636380544255831241&s
>data=yL9%2F9V5lDoHxutNIHVu9DjlNBvGL%2FDvkmONO4d89CE4%3D&reserved=0
><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.goo
>gle.com%2Fdocument%2Fd%2F1pW599xo-Icys-xXEeNi6tbTcH-iMepbTR6WcviLy7i8%2Fed
>it%23heading%3Dh.un4iqbgnan3b&data=02%7C01%7C%7C1406dc634e344d8b6c3808d4e0
>bbb902%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636380544255831241&sda
>ta=yL9%2F9V5lDoHxutNIHVu9DjlNBvGL%2FDvkmONO4d89CE4%3D&reserved=0>

Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: FlexJS more problematic CSS

Harbs
Bingo. I didn’t know what namespace could work.

I’ll change the tutorial.

> On Aug 11, 2017, at 5:51 PM, Alex Harui <[hidden email]> wrote:
>
> First thing to try is to provide a namespace for all type selectors.
>
>  @namespace "http://www.w3.org/1999/xhtml";
>
> Must be used for all native HTML elements.
>
> HTH,
> -Alex
>
> On 8/11/17, 6:20 AM, "Harbs" <[hidden email]> wrote:
>
>> The CSS in my tutorial here[1] does not compile inside a fx:Style block.
>>
>> Can one of our compiler gurus take a look at that? ;-)
>>
>> Harbs
>>
>> [1]https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.g
>> oogle.com%2Fdocument%2Fd%2F1pW599xo-Icys-xXEeNi6tbTcH-iMepbTR6WcviLy7i8%2F
>> edit%23heading%3Dh.un4iqbgnan3b&data=02%7C01%7C%7C1406dc634e344d8b6c3808d4
>> e0bbb902%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636380544255831241&s
>> data=yL9%2F9V5lDoHxutNIHVu9DjlNBvGL%2FDvkmONO4d89CE4%3D&reserved=0
>> <https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.goo
>> gle.com%2Fdocument%2Fd%2F1pW599xo-Icys-xXEeNi6tbTcH-iMepbTR6WcviLy7i8%2Fed
>> it%23heading%3Dh.un4iqbgnan3b&data=02%7C01%7C%7C1406dc634e344d8b6c3808d4e0
>> bbb902%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636380544255831241&sda
>> ta=yL9%2F9V5lDoHxutNIHVu9DjlNBvGL%2FDvkmONO4d89CE4%3D&reserved=0>
>

Loading...