I'm trying to setup a MDL library to start making some components with that
look and feel.
I'm following the Flat library project indications, and right now I'm
building it ok with maven (didn't test Ant, but as a copy/paste from Flat,
I think it should work as well).
Then I tried in a sample project. Again, new dependencies set and mdl
declarations are working, but result is not looking as I expect, maybe due
to some low level constructions that I still doesn't dominate (mainly the
internals in the "createElement():WrappedHTMLElement" overload, that I want
to try to give some love today as I get a bit more time.
Ok, from here,...I'm still trying to understand more things... for example:
1.- MDL requires some CSS files to be linked. I'm using it with
-html-template tag in the example project, but, maybe this should be
provided by the MDL.swc ? if so, why could we do this?
2.- To start implementing components, maybe it'd be better that someone
review what I'm doing (to avoid work in things that not conform to
standards setup here). Maybe I should upload the branch for people (Maybe
Alex, Peter,...) to take a look?
3.- I started trying to make a simple Colored Fab MDL button... (as
described here https://getmdl.io/components/index.html#buttons-section)
and find that using a simple mxml declaration almost worked (it's not
right, only an approximation, since I can't write "low level" HTML in MXML
like an <I> with HTMLElement). So, this:
<js:Button className="mdl-button mdl-js-button mdl-button--fab
Shows a pink circle button, without icon.
My MDL button has the following createElement code:
* @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
* @flexjsignorecoercion HTMLButtonElement
override protected function createElement():WrappedHTMLElement
element = button = document.createElement('button') as
button.className = 'mdl-button mdl-js-button mdl-button--fab
positioner = element;
positioner.style.position = 'relative';
(button as WrappedHTMLElement).flexjs_wrapper = this;
element.flexjs_wrapper = this;
and I'm using at my example project : <mdl:Button/>
But instead to throw the pink empty circle button as the MXML example, it
shows a normal button as if my declaration was <js:Button/> (the same
someone knows where I could be failing ?
PD: I saw Justin posting about MDL license, I don't want to integrate MDL
in the project, instead, I want to declare external links to use them, if
this is not right I think there should be other methods to be license