Custom dialog on Android: How can I center its title?

Question

I'm developing an Android application.

How can I center the title for a custom dialog that I'm using?

score 116 · Answer 1 · answered Nov 13 '12 at 11:00

116

Another way that this can be done programatically is using the setCustomTitle():

// Creating the AlertDialog with a custom xml layout (you can still use the default Android version)
AlertDialog.Builder builder = new AlertDialog.Builder(this);
LayoutInflater inflater = (LayoutInflater)this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = inflater.inflate(R.layout.viewname, null);
builder.setView(view);

TextView title = new TextView(this);
// You Can Customise your Title here 
title.setText("Custom Centered Title");
title.setBackgroundColor(Color.DKGRAY);
title.setPadding(10, 10, 10, 10);
title.setGravity(Gravity.CENTER);
title.setTextColor(Color.WHITE);
title.setTextSize(20);

builder.setCustomTitle(title);

answered Nov 13 '12 at 11:00

SingleWave Games

2,618
9
36
52

`R.layout.viewname` In this layout what has to be included?? only `TextView`?? – DroidLearner Dec 22 '12 at 03:28
The whole view section does not need to be included, this is only if you want to customise the default view of the AlertDialog. I do believe that it has to be a TextView. – SingleWave Games Dec 23 '12 at 13:55
I get a grey color border for this textview. How do I remove that? I have tried title.setBackgroundResource(R.drawable.black_border); But this doesn't help. @LandLPartners – user1051505 Dec 07 '13 at 07:29
If you want to remove it from the entire AlertDialog then you can reference this -http://stackoverflow.com/questions/8051581/how-to-remove-border-from-dialog. – SingleWave Games Dec 08 '13 at 23:02
best answer always!! – angel Jul 05 '16 at 19:50
this should be accepted as answer. Anyways, works like charm. – cantona_7 Jun 19 '20 at 14:38

score 59 · Accepted Answer · edited Feb 12 '12 at 16:29

59

Just found this post while trying to figure out how to do the same thing. Here's how I did it for anyone else that finds this in the future.

Style xml is as follows:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <style name="PauseDialog" parent="@android:style/Theme.Dialog">
            <item name="android:windowTitleStyle">@style/PauseDialogTitle</item>
        </style>

        <style name="PauseDialogTitle" parent="@android:style/TextAppearance.DialogWindowTitle">
            <item name="android:gravity">center_horizontal</item>
        </style>
        <style name="DialogWindowTitle">
        <item name="android:maxLines">1</item>
        <item name="android:scrollHorizontally">true</item>
        <item name="android:textAppearance">@android:style/TextAppearance.DialogWindowTitle</item>
        </style>
    </resources>

And in my activities onCreateDialog method for the dialog I want styled I create the dialog like this:

Dialog pauseDialog = new Dialog(this, R.style.PauseDialog);
pauseDialog.setTitle(R.string.pause_menu_label);
pauseDialog.setContentView(R.layout.pause_menu);

edited Feb 12 '12 at 16:29

Marek Sebera

39,650
37
158
244

answered Apr 08 '11 at 03:54

ChrisJD

3,644
1
21
20

I tried your suggestion but it does not center the title of the Dialog (HTC Wildfire running with Android 2.2.1)... Any ideas? Because intuitively your solution makes sense :) – Ready4Android Aug 28 '11 at 23:47
Sorry, no idea. I've tested it on my Ideos and the emulator with 1.6 and 2.2 with no problems. – ChrisJD Oct 16 '11 at 00:28
1

there is no "parent="@android:style/DialogWindowTitle"". – Hesam Nov 30 '11 at 10:35
Yes there is. It's the 3rd entry in the android styles.xml. You can see it in the SDK in platforms\android-Z\data\res\values\styles.xml (Replace Z with whatever version you have. It's there for 3 through 8 at the very least). – ChrisJD Dec 01 '11 at 02:40
2

Nice digging. You can actually simplify it to two layers. Sorry for the poor formatting... – ProjectJourneyman Mar 10 '12 at 00:58
1

This is not correct answer.Correct one done by @LandL Partners – Prakash May 09 '14 at 12:23
@ChrisJD how can we apply a light theme? – Apostrofix Jan 13 '16 at 14:50
@Prakash the answer you pointed out, is valid for 'AlertDialog' and not for 'Dialog' – Anuj Jun 23 '17 at 09:42

score 8 · Answer 3 · answered Oct 09 '14 at 03:00

8

You can do it in code as well. Assume you have dialog fragment then add following lines of code.

@Override
public void onStart()
{
    super.onStart();

    TextView textView = (TextView) this.getDialog().findViewById(android.R.id.title);
    if(textView != null)
    {
        textView.setGravity(Gravity.CENTER);
    }
}

answered Oct 09 '14 at 03:00

Hesam

52,260
74
224
365

Not working for me either. findViewById(android.R.id.title); returns null. – Alyoshak Nov 28 '16 at 22:30
it worked for me. I tried to get the ***TextView*** just after ***Dialog*** object instantiation. – Dhruvam Gupta Feb 10 '17 at 18:32

score 3 · Answer 4 · answered Jun 20 '19 at 05:02

Similar to @LandL Partners solution, but in Kotlin:

val builder = AlertDialog.Builder(this)
val inflater = this.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater

val view = inflater.inflate(R.layout.viewname, null)
builder.setView(view)
val title = TextView(this)
title.setText("Custom Centered Title")
title.setBackgroundColor(Color.DKGRAY)
title.setPadding(10, 10, 10, 10)
title.setGravity(Gravity.CENTER)
title.setTextColor(Color.WHITE)
title.setTextSize(20)

builder.setCustomTitle(title)

score 2 · Answer 5 · answered May 24 '16 at 17:03

2

For your custom DialogFragment you can do this:

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    final Dialog dialog = super.onCreateDialog(savedInstanceState);
    final TextView textView = (TextView) dialog.findViewById(android.R.id.title);
    if(textView != null) {
        textView.setTextAlignment(View.TEXT_ALIGNMENT_CENTER);
    }
    return dialog;
}

answered May 24 '16 at 17:03

Nail Sharipov

81
3

2

This does not work for me. findViewById(android.R.id.title); returns null. – Alyoshak Nov 28 '16 at 22:31

soshial · Answer 6 · 2017-12-14T16:39:33.733

You can do it programmatically without custom view:

@Override
public void onStart()
{
    super.onStart();

    TextView textViewVanilla = (TextView) this.getDialog().findViewById(android.R.id.title);
    if(textViewVanilla != null)
    {
        textViewVanilla.setGravity(Gravity.CENTER);
    }
    // support for appcompat v7
    TextView textViewAppcompat = (TextView) this.getDialog().findViewById(android.support.v7.appcompat.R.id.alertTitle);
    if(textViewAppcompat != null)
    {
        textViewAppcompat.setGravity(Gravity.CENTER);
    }
}

Thanks @hesam for the idea. For appcompat layout see Android/sdk/platforms/android-26/data/res/layout/alert_dialog_title_material.xml

score 1 · Answer 7 · answered Oct 26 '10 at 18:08

If you don't call AlertDialog.Builder.setIcon() and AlertDialog.Builder.setTitle(), then your custom dialog will not show the built-in/default title View. In this case you are able to add your custom title View:

AlertDialog.Builder.setView(View view)

As soon as it is you who create this View it is possible to implement any type of alignment.

score 1 · Answer 8 · edited Apr 13 '17 at 00:55

1

TextView titleView = (TextView) dialog.findViewById(android.R.id.title);
if(titleView != null) {
titleView.setGravity(Gravity.CENTER);
}

See this KodeCenter article on Android Dialog and AlertDialog for more details.

edited Apr 13 '17 at 00:55

Nathan Tuggy

2,237
27
30
38

answered Apr 13 '17 at 00:35

user7859337

11
1

score 1 · Answer 9 · answered Jun 12 '18 at 14:10

    AlertDialog alertDialog = new AlertDialog.Builder(activity)

            .setMessage(message)
            .create();
    alertDialog.setIcon(R.mipmap.ic_launcher_round);

    @SuppressLint("RestrictedApi")
    DialogTitle titleView=new DialogTitle(activity);
    titleView.setText(title);
    titleView.setPaddingRelative(32,32,32,0);
    alertDialog.setCustomTitle(titleView);

score 0 · Answer 10 · answered Jul 24 '12 at 01:19

Here's a nasty solution.... Extend AlertDialog.Builder and override all the methods (eg. setText, setTitle, setView, etc) to not set the actual Dialog's text/title/view, but to create a new view within the Dialog's View do everything in there. Then you are free to style everything as you please.

To clarify, as far as the parent class is concerned, the View is set, and nothing else.

As far as your custom extended class is concerned, everything is done within that view.

score 0 · Answer 11 · edited May 23 '17 at 12:17

0

You've got some starting tips here for modifying the title of a dialog: Android - change custom title view at run time Don't know if it can be centered(haven't tried), but if it's a custom View I guess it's very possible.

edited May 23 '17 at 12:17

Community

1
1

answered Oct 26 '10 at 16:36

Vuk

1,225
12
15

Vitaly Zinchenko · Answer 12 · 2017-05-30T17:10:10.487

Try this:

TextView titleText = (TextView) helpDialog.findViewById(R.id.alertTitle);
if(titleText != null) {
    titleText.setGravity(Gravity.CENTER);
}

Full code (using android.support.v7.app.AlertDialog):

 AlertDialog.Builder helpDialogBuilder = new AlertDialog.Builder(context)
        .setTitle(/*your title*/)
        .setMessage(/*your message*/)
        .setNegativeButton("Cancel",
                new DialogInterface.OnClickListener() {
                    public void onClick(DialogInterface dialog, int whichButton) {
                        /*you can do something here*/

                        dialog.dismiss();
                    }
                })
        .setPositiveButton("OK",
                new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        /*you can do something here*/

                        dialog.dismiss();
                    }
                });

final AlertDialog helpDialog = helpDialogBuilder.create();

helpDialog.setOnShowListener(new DialogInterface.OnShowListener() {
    @Override
    public void onShow(DialogInterface dialog) {

        TextView titleText = (TextView) helpDialog.findViewById(R.id.alertTitle);
        if(titleText != null) {
            titleText.setGravity(Gravity.CENTER);
        }

        TextView messageText = (TextView) helpDialog.findViewById(android.R.id.message);
        if(messageText != null) {
            messageText.setGravity(Gravity.CENTER);
        }
    }
});

helpDialog.show();

score 0 · Answer 13 · answered Jun 29 '20 at 15:07

0

In Kotlin, you can do it in 1 line

dialog!!.window!!.attributes = dialog!!.window!!.attributes.apply { dimAmount = 0F }

answered Jun 29 '20 at 15:07

El Sushiboi

428
7
19

Custom dialog on Android: How can I center its title?

13 Answers13

Linked

Related