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)