[FLEX-34109] Bevel 120DPI back-arrow design problem

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Apache Flex 4.11.0
• Fix Version/s: Apache Flex 4.12.0
• Component/s: Mobile: ActionBar
• Environment: Air Mobile, AIR 4.0, units with DPI120 (fx old iPads)
• Assignee: Om
• Reporter: Morten Gorm Madsen
• Created: 24/Feb/14 10:46
• Updated: 27/Feb/14 08:51
• Resolved: 24/Feb/14 23:34

Description

The beveled navigation button (back button) needs a little fixup on 120DPI. It has a triangle sticking out.

Apply following to your css to get the beveled action buttons:
ActionBar{
defaultButtonAppearance: beveled;
}

Problem located:
spark.skins.mobile120.assets.BeveledBackButton_up.fxg
spark.skins.mobile120.assets.BeveledBackButton_down.fxg

Workarround:
Monkey patching a file to use mobile160 assets. See below.

BeveledBackButtinSkin.as (DPIClassification.DPI_120)
upBorderSkin = spark.skins.mobile160.assets.BeveledBackButton_up;
downBorderSkin = spark.skins.mobile160.assets.BeveledBackButton_down;