Overflow Menu commands render differently on device and simulator

[Bryan Buchanan]

The "device" screenshot is on an Android 5.1 device.

I don't have any platform overrides in the theme, so it should be rendering identically on a device and simulator.

The crimson background is a "Menu" selector. (Only has an "Unselected" selector defined). The command items are "Command" selectors, with Unselected, Selected and Pressed versions. They have Foreground Color and Transparency set.

[Shai Almog]

That's an Android 2.x simulator and I'm guessing an Android 4+ device. Try the Xoom skin to reproduce this as closely as possible.

[Bryan Buchanan]

You are correct - using a different device skin gives same behaviour on device and simulator.

Question now is: how to make background of commands same as background of popup. The popup seems to be composed of a Menu, CommandList and Commands and try as I might, I can't get them to play nice.

[Chen Fishbein]

This is probably the border of the "Command" try to put an empty border on the "Command" style

[Bryan Buchanan]

Thanks -  but I still can't get the selected/pressed style to work.

I have

Menu -> Image Border to get crimson background (Unselected)
CommandList -> Empty Border, Background None (Unselected and Selected)
Command -> Empty Border, Background None, Foreground Color, Tansparency (0) (Unselected and Selected) - tried Pressed also but had no effect.

[Chen Fishbein]

Try the  "CommandFocus" style

[Bryan Buchanan]

Champion - thanks Chen, works fine.

For anyone else interested, this is the recipe I used:

Menu -> Image Border to get crimson background (Unselected)

CommandList -> Empty Border, Background None, Margin 0, Padding 0 (Unselected and Selected)
CommandFocus -> Transparency 0 (Unselected)

Command -> Empty Border, Background None, Foreground Color, Tansparency (0) (Unselected and Selected)

On Tuesday, May 24, 2016 at 5:37:49 PM UTC+10, Chen Fishbein wrote:

Try the  "CommandFocus" style