Hi,
I'm was expending several hours to get FlexJS MDLExample to get images vía
CSS with no luck.
I think we need to give some love to CSS image management since this is
basic. Not always people should use an Image component to show an image.
Some times a Container needs a background image and right now FlexJS can't
deal with this.
I'm interested in fix this myself, but right now I can't find info in the
wiki. I was thinking about change SimpleCSSValuesImpl.as, but when I try
this, I should get an BUILD FAILURE when building with maven...maybe
there's some connection of this code with some falcon CSS internals
management?. I need to know some explanation about this.
I check as well Flex Store JQuery HomeView since there is a container with
a bg img, but this is done with an Image componente and lots of cumbersome
code that are not recommended at all. Things here should be far more easy,
just setting the image vía CSS and let the html do its duty.
I see two main problems:
1.- FlexJS remove the CSS rule when is something like -> background:
url('../../../../src/main/resources/Unknown.jpeg') center / cover;
I need FlexJS to output that rule, both in inline style properties and
inside css files
2.- Second is the problem with paths, that if not directly related is
responsible to get things done right. As I talked with Chris, he proposed
to make the build manage additional resource paths. I could in the mean
time put an "assets" folder where resides my App.mxml and store inside
images, and then move it to src/main/resources when things settles in the
right way.
If we get this done and get divs, spans, and others to show images, we can
gain many things in terms of look and feel of Flex Apps. For example I
would like to implement with FlexJS this example page:
https://getmdl.io/templates/blog/index.html
I need this image css support to get this.
Thanks!
--
Carlos Rovira
http://about.me/carlosrovira
