Santanu Karar created FLEX-35215:
------------------------------------
Summary: [FlexJS] Responsive VerticalColumnLayout
Key: FLEX-35215
URL: https://issues.apache.org/jira/browse/FLEX-35215
Project: Apache Flex
Issue Type: Improvement
Affects Versions: Apache FlexJS 0.8.0
Reporter: Santanu Karar
*Requirement*
It'd be great if columns wrapped as rows if browser resized, at runtime.
*Present state*
A simple code as following creates 2 columns with fixed widths.
{code}
<js:Container style="margin-left:auto;margin-right:auto">
<js:beads>
<js:VerticalColumnLayout id="vcl" numColumns="2"/>
</js:beads>
<js:VContainer id="vc" width="500">
<renderers:FormTextInput id="txtEmail"
label="Email Account"
width="100%"/>
<renderers:FormTextInput id="txtPass"
label="Create Your
Password" isPassword="true" width="100%"/>
</js:VContainer>
<js:Container width="500" height="600" style="background-color:#cccccc">
<js:Label text="Just an Ad box long enough to show scroll."
y="40" width="95%" height="40"
style="margin:auto;fontWeight:'bold';fontFamily:'Arial';textAlign:'center'"/>
</js:Container>
</js:Container>
{code}
We change the VerticalColumnLayout's _numColumns_ property change only once
while starting the application but runtime.
*Expectation*
When browser resized, if it's visible width became less than 500px (per above
code example), the second column came down below the first column, to form as a
row of item.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
