<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Calm in the Chaos &#187; layout</title>
	<atom:link href="http://blog.wrench.com.au/tag/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.wrench.com.au</link>
	<description>Flash, Air, Mobile &#38; Technology tidbits</description>
	<lastBuildDate>Fri, 22 Feb 2013 16:38:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>Flex 3 and Form container layout issues</title>
		<link>http://blog.wrench.com.au/2008/10/30/flex-3-and-form-container-layout-issues/</link>
		<comments>http://blog.wrench.com.au/2008/10/30/flex-3-and-form-container-layout-issues/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 21:07:24 +0000</pubDate>
		<dc:creator>Jason Langdon</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[component]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[scrollbar]]></category>
		<category><![CDATA[TabNavigator]]></category>

		<guid isPermaLink="false">http://blog.wrench.com.au/2008/10/30/flex-3-and-form-container-layout-issues/</guid>
		<description><![CDATA[Kinda taking off from where I was at in this old post of mine, I&#8217;m now having some issues with how Flex does it&#8217;s calculations for the vertical scrollbar. Specifically when using a TabNavigator component that has Form components as<span class="ellipsis">&#8230;</span><div class="read-more"><a href="http://blog.wrench.com.au/2008/10/30/flex-3-and-form-container-layout-issues/">Read more &#8250;</a></div><!-- end of .read-more -->]]></description>
			<content:encoded><![CDATA[<p>Kinda taking off from where I was at in this <a href="http://blog.wrench.com.au/2006/08/27/flex-2-and-horizontal-scrollbars/" target="_blank">old post</a> of mine, I&#8217;m now having some issues with how Flex does it&#8217;s calculations for the vertical scrollbar. Specifically when using a TabNavigator component that has Form components as it&#8217;s children. Here&#8217;s some of the code:</p>
<pre class="code" style="clear:left;">
<code><mx:TabNavigator id="tabbar" right="340" left="10" top="95" bottom="10">
	<mx:Form indicatorGap="5" verticalGap="10" label="1. Personal Details">
		<mx:FormItem label="First Name:">
			<mx:TextInput id="firstName" />
		<mx:FormItem>
		.
		.
		.
		<mx:FormItem label="Phone Number:">
			<mx:TextInput id="phoneNumber" />
		<mx:FormItem>
	</mx:Form>
</mx:TabNavigator>
</code>
</pre>
<p>The problem is no matter what I tell the TabNavigator to be height wise (either with a height percentage or a constraint based amount) the Form when it has too much content in it will create an application wide vertical scrollbar. I&#8217;m trying to make it so that the scrollbar is relative to the actual TabNavigator, so it appears alongside that content. I&#8217;ve read through the <a href="http://livedocs.adobe.com/flex/3/html/help.html?content=containers_intro_1.html" target="_blank">Adobe documentation about containers and layouts</a> but that didn&#8217;t really shed any light on the subject (or my issue at least).</p>
<p>Placing the Form inside a Canvas tag solves the issue, but I&#8217;d like to think I can get the Form working as I think it should be.</p>
<p>Has anyone got any pearls of wisdom regarding the issue I&#8217;m experiencing?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wrench.com.au/2008/10/30/flex-3-and-form-container-layout-issues/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
