[FLEX-20300] A baseline alignment should be added to HorizontalLayout

• Type: Improvement
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Spark: HorizontalLayout
• Environment: Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 22/Jul/09 00:47
• Updated: 15/Apr/11 15:08
• Resolved: 23/Sep/10 13:36

Description

This is actually an enhancement request. Though you can use verticalAlign=middle as a workaround, based on the thread what the user actually seems to want is a baseline vertical alignment.

The default alignment in HGroup is still top as it was in Halo's HBox, but in Halo things didn't look as strange because the default height of Label & Button are both 21 whereas in Spark SimpleText & Button's default heights are different.

• • • • • Original ******
          Steps to reproduce:
          1. the default alignment of <s:Button or <s:DropDownList and <s:Simpletext does not fit together:

The following code has a ugly result, as the Simpletext is far above the botton or dropdownlist.
<s:HGroup id="CountryGroup">
<s:SimpleText id="countriesSpt" text="Country"/>
<s:DropDownList id="countriesDdl" prompt="Please choose" dataProvider="

{countriesAc}

" labelField="label" close="countriesDdlCloseHandler(event)"/>
</s:HGroup>
(..)
public var countriesAc:ArrayCollection = new ArrayCollection(
[

{label:"Germany", data:1}

,

{label:"USA", data:2}

,

{label:"France", data:3}

]);
(..)

private function countriesDdlCloseHandler(event:Event):void

{ Alert.show("Selection" + countriesDdl.selectedItem.label.toString()); }

2.
3.

Actual Results: Simpletext is far above the botton or dropdownlist.

Expected Results: Same vertical alignement default (middle)

Workaround (if any): add verticalAlign="middle" to HGroup. A lot of code for a great project