ActionBar ActionItems : Popup menu icon & color is not setting

Hi, I am trying to set action-items with popup menu (Like Menu list in Android). Snapshots are as follows :

Image 1

Image 2

Problem :
I want to set custom icons/drawables to action-item’s popup menu, but it’s not setting any icons and default color is black (see three dots in image 1 @ top right corner), i am not able to change color of popup menu’s icon.

I tried foll. code -

<ActionBar title="Compare">
  <ActionItem text="Export to PDF" icon="res://menu_white" ios.position="popup" android.position="popup">  </ActionItem>
   <ActionItem text="Settings" icon="res://menu_white" ios.position="popup" android.position="popup">  </ActionItem>
</ActionBar>

Is there any way to set custom icon for popup menus? or to set color for popup menu? The default color is black,but as i am having dark gray action bar, i want to set white color for popup menu (three dots). Please help me!

I want to achieve something like this -

[ToniJM]

Hi, I found a way to modify only the color of the icon (three dots). After a lot of research, I found that this “popup” icon is called Overflow Button. Then the solution appeared in stackoverflow. https://stackoverflow.com/questions/35932669/how-do-i-change-the-action-bar-overflow-button-color

first you have to define the color (or you can use one of those that are already defined)

app\App_Resources\Android\src\main\res\values-v21\colors.xml

<resources>
	. . .
	<color name="my_white">#fff</color>
</resources>

Now you have to create a style that uses that color and then in the main theme of the app you have to apply that new style to the actionOverflowButtonStyle

app\App_Resources\Android\src\main\res\values-v21\styles.xml

<resources>
    <!-- Application theme -->
    <style name="AppTheme" parent="AppThemeBase">
        . . .
        <item name="android:actionOverflowButtonStyle">@style/MyActionButtonOverflow</item>
    </style>

    <!-- This style is where you define the tint color of your overflow menu button -->
    <style name="MyActionButtonOverflow" parent="@style/Widget.AppCompat.ActionButton.Overflow">
        <item name="android:tint">@color/my_white</item>
    </style>
</resources>

this works perfect for me, I hope it helps.

[vakrilov]

You cannot style the action popup action items and the overflow button with CSS currently. What you can do is to modify the actual android styles used in your app. The way to do that is to copy the values and values-v21 folders from your platforms folder (usually under <project>/platforms/android/src/main/res/ to App_Resources/android and modify the as you like. The modified styles will be used when you rebuild the app (just livesync will not be enough).

For example you can change the color of the overflow button by adding the folloing item in you AppTheme(styles.xml):

<item name="colorControlNormal">#fff</item>