flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Santanu Karar (JIRA)" <j...@apache.org>
Subject [jira] [Created] (FLEX-35215) [FlexJS] Responsive VerticalColumnLayout
Date Mon, 12 Dec 2016 12:08:58 GMT
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

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. 
<js:Container style="margin-left:auto;margin-right:auto">
		<js:VerticalColumnLayout id="vcl" numColumns="2"/>
	<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: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"
We change the VerticalColumnLayout's _numColumns_ property change only once while starting
the application but runtime.

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

View raw message