<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Aligning the control bar in a spark Panel</title>
	<atom:link href="http://flexponential.com/2009/11/16/aligning-the-control-bar-in-a-spark-panel/feed/" rel="self" type="application/rss+xml" />
	<link>http://flexponential.com/2009/11/16/aligning-the-control-bar-in-a-spark-panel/</link>
	<description>Programming under the influence of Flex</description>
	<lastBuildDate>Sun, 22 Jan 2012 01:08:12 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
	<item>
		<title>By: Steven Shongrunden</title>
		<link>http://flexponential.com/2009/11/16/aligning-the-control-bar-in-a-spark-panel/comment-page-1/#comment-373</link>
		<dc:creator>Steven Shongrunden</dc:creator>
		<pubDate>Wed, 20 Jan 2010 23:26:06 +0000</pubDate>
		<guid isPermaLink="false">http://flexponential.com/?p=225#comment-373</guid>
		<description>Now that major axis alignment is supported you can also get this behavior by changing the horizontalAlign property of the controlBarLayout:

&lt;pre lang=&quot;actionscript3&quot;&gt;
&lt;s:Panel title=&quot;Right aligned&quot; width=&quot;300&quot;&gt;
    &lt;s:controlBarContent&gt;
        &lt;s:Button label=&quot;control 1&quot; /&gt;
        &lt;s:Button label=&quot;control 2&quot; /&gt;
    &lt;/s:controlBarContent&gt;
    &lt;s:controlBarLayout&gt;
        &lt;s:HorizontalLayout horizontalAlign=&quot;right&quot; paddingLeft=&quot;10&quot; paddingRight=&quot;10&quot; paddingTop=&quot;7&quot; paddingBottom=&quot;7&quot; gap=&quot;10&quot; /&gt;
    &lt;/s:conrolBarLayout&gt;
 
    &lt;s:Label text=&quot;panel content...&quot; /&gt;
&lt;/s:Panel&gt;
&lt;/pre&gt;

See &lt;a href=&quot;http://flexponential.com/2010/01/20/major-axis-alignment-now-supported-in-spark/&quot; rel=&quot;nofollow&quot;&gt;this post&lt;/a&gt; for more information on when this property was added.</description>
		<content:encoded><![CDATA[<p>Now that major axis alignment is supported you can also get this behavior by changing the horizontalAlign property of the controlBarLayout:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>Panel title=<span style="color: #990000;">&quot;Right aligned&quot;</span> <span style="color: #004993;">width</span>=<span style="color: #990000;">&quot;300&quot;</span><span style="color: #000066; font-weight: bold;">&gt;</span>
    <span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>controlBarContent<span style="color: #000066; font-weight: bold;">&gt;</span>
        <span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>Button label=<span style="color: #990000;">&quot;control 1&quot;</span> <span style="color: #000066; font-weight: bold;">/&gt;</span>
        <span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>Button label=<span style="color: #990000;">&quot;control 2&quot;</span> <span style="color: #000066; font-weight: bold;">/&gt;</span>
    <span style="color: #000066; font-weight: bold;">&lt;/</span>s<span style="color: #000066; font-weight: bold;">:</span>controlBarContent<span style="color: #000066; font-weight: bold;">&gt;</span>
    <span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>controlBarLayout<span style="color: #000066; font-weight: bold;">&gt;</span>
        <span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>HorizontalLayout horizontalAlign=<span style="color: #990000;">&quot;right&quot;</span> paddingLeft=<span style="color: #990000;">&quot;10&quot;</span> paddingRight=<span style="color: #990000;">&quot;10&quot;</span> paddingTop=<span style="color: #990000;">&quot;7&quot;</span> paddingBottom=<span style="color: #990000;">&quot;7&quot;</span> gap=<span style="color: #990000;">&quot;10&quot;</span> <span style="color: #000066; font-weight: bold;">/&gt;</span>
    <span style="color: #000066; font-weight: bold;">&lt;/</span>s<span style="color: #000066; font-weight: bold;">:</span>conrolBarLayout<span style="color: #000066; font-weight: bold;">&gt;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">&lt;</span>s<span style="color: #000066; font-weight: bold;">:</span>Label <span style="color: #004993;">text</span>=<span style="color: #990000;">&quot;panel content...&quot;</span> <span style="color: #000066; font-weight: bold;">/&gt;</span>
<span style="color: #000066; font-weight: bold;">&lt;/</span>s<span style="color: #000066; font-weight: bold;">:</span>Panel<span style="color: #000066; font-weight: bold;">&gt;</span></pre></div></div>

<p>See <a href="http://flexponential.com/2010/01/20/major-axis-alignment-now-supported-in-spark/" rel="nofollow">this post</a> for more information on when this property was added.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

