AlertDialog styling - how to change style color of title message etc

Question

I ve breaking my head over this quite a bit  What I need to do is  change the style of all AlertDialogs in my android application - dialog background needs to be white-ish  and text needs to be black-ish  I tried creating a lot of styles  themes  and applying from the code  manifest  etc  but no success  with regard to the text colors inside the AlertDialog  Right now  I have the simplest of codes  set like this  Manifest    lt application     android icon  quot  drawable ic launcher quot      android label  quot  string app name quot      android theme  quot  style AppTheme quot   gt    styles xml    lt style name  quot AppTheme quot  parent  quot AppBaseTheme quot  gt       lt item name  quot android alertDialogStyle quot  gt  style DialogStyle lt  item gt   lt  style gt    lt style name  quot DialogStyle quot  parent  quot  android style Theme Dialog quot  gt       lt  -- changing these background stuff works fine -- gt       lt item name  quot android bottomBright quot  gt  android color white lt  item gt       lt item name  quot android bottomDark quot  gt  android color white lt  item gt       lt item name  quot android bottomMedium quot  gt  drawable dialog footer bg lt  item gt       lt item name  quot android centerBright quot  gt  android color white lt  item gt       lt item name  quot android centerDark quot  gt  drawable dialog body bg lt  item gt       lt item name  quot android centerMedium quot  gt  android color white lt  item gt       lt item name  quot android fullBright quot  gt  color orange lt  item gt       lt item name  quot android fullDark quot  gt  color orange lt  item gt       lt item name  quot android topBright quot  gt  color green lt  item gt       lt item name  quot android topDark quot  gt  drawable dialog header bg lt  item gt    The items listed below don t work  please read the comments I ve put above each element         lt  -- panelBackground is not getting set to null  there is something squarish around it -- gt       lt item name  quot android panelBackground quot  gt  null lt  item gt        lt  -- Setting this textColor doesn t seem to have any effect at all  Messages  title  button text color  whatever  nothing changes  -- gt       lt item name  quot android textColor quot  gt  000000 lt  item gt        lt  -- Also tried with textAppearance  as follows  Didn t work -- gt       lt item name  quot android textAppearance quot  gt  android attr textColorPrimaryInverse lt  item gt        lt  -- Also tried changing textAppearancePrimary  to no avail -- gt       lt item name  quot android textColorPrimary quot  gt  000000 lt  item gt        lt  -- Also need to change the dialog title text  tried it as follows  dint work  -- gt       lt item name  quot android windowTitleStyle quot  gt  style DialogWindowTitle lt  item gt   lt  style gt    The DialogWindowTitle is defined as follows    lt style name  quot DialogWindowTitle quot  gt       lt item name  quot android textAppearance quot  gt  android attr textAppearanceMediumInverse lt  item gt   lt  style gt    So none of these is working  Can anyone tell me what I could be doing wrong  and how can I   Change text color for messages  content text  Change title text color Remove the panel background  Note  I need to support API 8  2 2  upwards  Also  I ve went through most of the related question here  and google groups  but can t figure out  though I have a feeling its right under my nose  Edit  adding screenshot

User · Answer

You need to define a Theme for your AlertDialog and reference it in your Activity's theme. The attribute is alertDialogTheme and not alertDialogStyle. Like this:

<style name="Theme.YourTheme" parent="@android:style/Theme.Holo">
    ...
    <item name="android:alertDialogTheme">@style/YourAlertDialogTheme</item>
</style>

<style name="YourAlertDialogTheme">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
    <item name="android:windowMinWidthMajor">@android:dimen/dialog_min_width_major</item>
    <item name="android:windowMinWidthMinor">@android:dimen/dialog_min_width_minor</item>
    <item name="android:windowTitleStyle">...</item>
    <item name="android:textAppearanceMedium">...</item>
    <item name="android:borderlessButtonStyle">...</item>
    <item name="android:buttonBarStyle">...</item>
</style>

You'll be able to change color and text appearance for the title, the message and you'll have some control on the background of each area. I wrote a blog post detailing the steps to style an AlertDialog.

User · Answer

I changed color programmatically in this way    var builder   new AlertDialog Builder  this               var dialog   builder Show     int textColorId   Resources GetIdentifier   alertTitle    id    android    TextView textColor   dialog FindViewById lt TextView gt   textColorId   textColor  SetTextColor  Color DarkRed     as alertTitle  you can change other data by this way  next example is for titleDivider    int titleDividerId   Resources GetIdentifier   titleDivider    id    android    View titleDivider   dialog FindViewById  titleDividerId   titleDivider  SetBackgroundColor  Color Red     this is in C   but in java it is the same

User · Answer

Use this in your Style in your values-v21 style xml   x000D   x000D   lt style name  AlertDialogCustom  parent   android style Theme Material Dialog NoActionBar  gt  x000D           lt item name  android windowBackground  gt  android color white lt  item gt  x000D           lt item name  android windowActionBar  gt false lt  item gt  x000D           lt item name  android colorAccent  gt  color cbt ui primary dark lt  item gt  x000D           lt item name  android windowTitleStyle  gt  style DialogWindowTitle Sphinx lt  item gt  x000D           lt item name  android textColorPrimary  gt  color cbt hints color lt  item gt  x000D           lt item name  android backgroundDimEnabled  gt true lt  item gt  x000D           lt item name  android windowMinWidthMajor  gt  android dimen dialog min width major lt  item gt  x000D           lt item name  android windowMinWidthMinor  gt  android dimen dialog min width minor lt  item gt  x000D   lt  style gt  x000D   x000D   x000D    And for pre lollipop devices put it in values style xml    x000D   x000D   lt style name  AlertDialogCustom  parent   android style Theme Material Dialog NoActionBar  gt  x000D           lt item name  android windowBackground  gt  android color white lt  item gt  x000D           lt item name  android windowActionBar  gt false lt  item gt  x000D           lt item name  android colorAccent  gt  color cbt ui primary dark lt  item gt  x000D           lt item name  android windowTitleStyle  gt  style DialogWindowTitle Sphinx lt  item gt  x000D           lt item name  android textColorPrimary  gt  color cbt hints color lt  item gt  x000D           lt item name  android backgroundDimEnabled  gt true lt  item gt  x000D           lt item name  android windowMinWidthMajor  gt  android dimen dialog min width major lt  item gt  x000D           lt item name  android windowMinWidthMinor  gt  android dimen dialog min width minor lt  item gt  x000D   lt  style gt  x000D   x000D   lt style name  DialogWindowTitle Sphinx  parent   style DialogWindowTitle Holo  gt  x000D          lt item name  android textAppearance  gt  style TextAppearance Sphinx DialogWindowTitle lt  item gt  x000D   lt  style gt  x000D   x000D   lt style name  TextAppearance Sphinx DialogWindowTitle  parent   android style TextAppearance Holo DialogWindowTitle  gt  x000D           lt item name  android textColor  gt  color dark lt  item gt  x000D           lt  -- lt item name  android fontFamily  gt sans-serif-condensed lt  item gt -- gt  x000D           lt item name  android textStyle  gt bold lt  item gt  x000D   lt  style gt  x000D   x000D   x000D

User · Answer

It depends how much you want to customize the alert dialog  I have different steps in order to customize the alert dialog  Please visit  https   stackoverflow com a 33439849 5475941

User · Answer

Here s my Code to theme the alert dialog box    lt style name  alertDialog  parent  Theme AppCompat Dialog Alert  gt       lt item name  android background  gt  color light button text color lt  item gt       lt item name  android textColor  gt  android color black lt  item gt       lt item name  android textColorPrimary  gt  android color black lt  item gt       lt item name  android textColorSecondary  gt  android color black lt  item gt       lt item name  android titleTextColor  tools targetApi  m  gt  android color black lt  item gt   lt  style gt    Place this code in styles xml  In your java apply this theme as   AlertDialog Builder builder   new AlertDialog Builder this  R style alertDialog     Output of the code

User · Answer

Remove the panel background    lt item name  android windowBackground  gt  color transparent color lt  item gt     lt color name  transparent color  gt  00000000 lt  color gt    This is Mystyle     lt style name  ThemeDialogCustom  gt       lt item name  android windowFrame  gt  null lt  item gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowAnimationStyle  gt  android style Animation Dialog lt  item gt       lt item name  android windowBackground  gt  color transparent color lt  item gt       lt item name  android windowSoftInputMode  gt stateUnspecified adjustPan lt  item gt       lt item name  android colorBackgroundCacheHint  gt  null lt  item gt   lt  style gt    Which i have added to  the constructor   Add textColor     lt item name  android textColor  gt  ff0000 lt  item gt

User · Answer

Building on  general03 s answer  you can use Android s built-in style to customize the dialog quickly  You can find the dialog themes under android R style Theme DeviceDefault Dialogxxx   For example   builder   new AlertDialog Builder this  android R style Theme DeviceDefault Dialog MinWidth   builder   new AlertDialog Builder this  android R style Theme DeviceDefault Dialog NoActionBar   builder   new AlertDialog Builder this  android R style Theme DeviceDefault DialogWhenLarge

User · Answer

You have to add the style to the constructor of the dialog  builder   new AlertDialog Builder this  R style DialogStyle

[android] AlertDialog styling - how to change style (color) of title, message, etc

Examples related to android

Examples related to android-alertdialog

Examples related to android-theme

Examples related to android-styles