You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@flex.apache.org by Harbs <ha...@gmail.com> on 2017/08/11 13:20:11 UTC
FlexJS more problematic CSS
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>
Re: FlexJS more problematic CSS
Posted by Harbs <ha...@gmail.com>.
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 <po...@olafkrueger.net> 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.
Re: FlexJS more problematic CSS
Posted by Olaf Krueger <po...@olafkrueger.net>.
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.
Re: FlexJS more problematic CSS
Posted by Harbs <ha...@gmail.com>.
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 <po...@olafkrueger.net> 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.
Re: FlexJS more problematic CSS
Posted by Olaf Krueger <po...@olafkrueger.net>.
>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.
Re: FlexJS more problematic CSS
Posted by Harbs <ha...@gmail.com>.
Bingo. I didn’t know what namespace could work.
I’ll change the tutorial.
> On Aug 11, 2017, at 5:51 PM, Alex Harui <ah...@adobe.com.INVALID> 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" <ha...@gmail.com> 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>
>
Re: FlexJS more problematic CSS
Posted by Alex Harui <ah...@adobe.com.INVALID>.
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" <ha...@gmail.com> 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>