[FlexJS] MDL requires JS:Container type of component

[sankar]

The requirement was pretty basic. Place the contents/components horizontally
or vertically and some alignment. I tried to use <js:Container in MDL
project but it didn't worked expectedly. 

Following is a very basic code I tried to use to place contents
horizontally, in MDL project:
&lt;quote>
<js:Container percentWidth="100">
        <js:beads>
                <js:HorizontalLayout/>
        </js:beads>
        <js:Label text="Hello World!"/>
        <mdl:Spacer width="100"/>
        <mdl:TextField width="100"/>            
</js:Container>


The above usage always output contents laying vertically. Following is a
screenshot of above code result:

<http://apache-flex-development.2333347.n4.nabble.com/file/n58822/tempWithSpacer.jpg>
 

The TextField component takes some of it's own space above and below of the
input field.

If I remove the space, then the output looks like this:

<http://apache-flex-development.2333347.n4.nabble.com/file/n58822/tempWithoutSpacer.jpg>
 

Here also the TextField taking it's own space above and below it. But the
Label seems grounded; and there is no vertical alignment option available.
style="vertical-align:middle" didn't helped either. 

Thanks!



--
View this message in context: 
http://apache-flex-development.2333347.n4.nabble.com/FlexJS-MDL-requires-JS-Container-type-of-component-tp58822.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.