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


*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)

Mime
View raw message