[FLEX-26480] Adding padding styles to ActionBar for easier platform-specific styling

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Adobe Flex SDK Previous
• Fix Version/s: Adobe Flex SDK 4.5 (Release)
• Component/s: Mobile: ActionBar
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Browser: Other (specify version); Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 19/Jan/11 11:07
• Updated: 10/May/11 13:47
• Resolved: 25/Jan/11 13:19

Description

Currently, it's not possible to use the iOS-styled buttons (with with appropriate padding) without supplying (1) styleName="ios" and (2) paddingLeft/paddingRight values to the HorizontalLayouts of actionLayout and navigationLayout in ActionBar in MXML or ActionScript.

If paddings were available as styles in ActionBar (to inset all actionGroup, titleGroup and navigationGroup together), then an iOS-styled application would be possible through CSS only:

@media (application-dpi: 240) and (os-platform: "IOS")
{
s|ActionBar

{ paddingLeft: 15; paddingRight: 15; }

s|ActionBar #backButton

{ fontSize: 18; skinClass: ClassReference("spark.skins.mobile.NavigationBackButtonSkin"); }

}