set Transparent background to alertdialog in android

Question

I want to show an alert dialog with a transparent background.

My code for the alert dialog is:

AlertDialog.Builder imageDialog = new AlertDialog.Builder(SubProducts.this);
LayoutInflater inflater = (LayoutInflater)SubProducts.this.getSystemService(LAYOUT_INFLATER_SERVICE);

View layout = inflater.inflate(R.layout.cust_toast_layout,(ViewGroup)findViewById(R.id.linearLayout2));

ImageView image = (ImageView)layout.findViewById(R.id.imageView1);
image.setPadding(0, 20, 0, 0);
imgLoader.DisplayImage(image_url, loader, image);

TextView tprice=(TextView)layout.findViewById(R.id.pricetext);
tprice.setText("$ "+pricedouble);

TextView tvdprh=(TextView)layout.findViewById(R.id.textView1);

tvdprh.setText(prohd);

WebView wv=(WebView)layout.findViewById(R.id.webview);

Spanned sub=Html.fromHtml(descp);
String s = "<html><head><style type='text/css' >@font-face {font-family:'myfont';src: url('file:///android_asset/fonts/ABeeZee-Regular.ttf');}body {margin:0px;color:000000;font-family: myfont;"
        + "text-align: justify;}</style></head><body>"
        + sub
        + "</body></html>";

wv.loadDataWithBaseURL("", s, "text/html", "utf-8", null);
wv.setVerticalScrollBarEnabled(true);
wv.setBackgroundColor(Color.TRANSPARENT);
wv.setPadding(5, 25, 5, 0);

ImageView imgcartl=(ImageView)layout.findViewById(R.id.imageView2);
imgcartl.setBackgroundResource(R.drawable.cartlines);

ImageView brobutton=(ImageView)layout.findViewById(R.id.imageView3);
brobutton.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {

        Intent intentlabl = new Intent(getBaseContext(), Label.class);
Bundle b=new Bundle();
b.putString("url", image_urlpdf);
b.putBoolean("isDialog", true);
intentlabl.putExtras(b);
startActivity(intentlabl);

}
        });

ImageView shobutton=(ImageView)layout.findViewById(R.id.imageView4);

shobutton.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
        // TODO Auto-generated method stub
//intent code
        }
        });

ImageView addbutton=(ImageView)layout.findViewById(R.id.imageView5);
addbutton.setBackgroundResource(R.drawable.addicon);
addbutton.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
        // TODO Auto-generated method stub

        passingid.add(prodid);

Product prodobj=new Product();
prodobj.setId(passingid);


new LongRunningGetIO4().execute(pricedouble, prodid);
}
        });

imageDialog.setView(layout);

imageDialog.create();
imageDialog.show();

My background image contains rounded corners, but unfortunately, the pop-up is appearing with a rectangular white background. How can I fix this?

enter image description here

Blackbelt · Answer 1 · 2015-11-07T16:32:21.303

105

define what follows in the styles.xml file

<style name="CustomDialog" parent="android:Theme.Dialog">
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
</style>

and pass it as argument to the AlertDialog constructor

AlertDialog.Builder imageDialog = new AlertDialog.Builder(SubProducts.this, R.style.CustomDialog);

Or programmatically, through the Dialog instance you can call

myDialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT))

edited Nov 07 '15 at 16:32

answered Apr 24 '13 at 08:24

Blackbelt

156,034
29
297
305

3

thanq blackbelt it worked.But showing black background now..I need transparent. – Neeha Apr 24 '13 at 09:43
it is strange. has R.layout.cust_toast_layout an black backround color? – Blackbelt Apr 24 '13 at 09:47
yes I have added snapshot of alert dialog in my question.Plz have a look. – Neeha Apr 24 '13 at 10:09
try adding this inside the style : @null – Blackbelt Apr 24 '13 at 10:15
2

can you try with a Dialog instead of an AlertDialog? – Blackbelt Apr 24 '13 at 10:36
yes @blackbelt Now Converted to dialog instead of alert dialog,,, now can you tell me about background to transparent?? – Neeha Apr 24 '13 at 11:02
changing in Dialog does not fix your issue? – Blackbelt Apr 24 '13 at 11:35
belt I have edited my question with snapshot.Plz have a look. – Neeha Apr 24 '13 at 13:18
Call requires API level 11 – user3065901 Jan 15 '15 at 16:28
1

Thanks for this answer, Work for me – Sumit Pathak Sep 08 '16 at 07:03
this work on Android 5.0 +, but at least does not work on Android 4.4 – LiangWang Oct 13 '16 at 00:29
@Blackbelt, see my demo project under Android studio 2.2 : https://www.dropbox.com/s/63u4pywdnvlgy2l/demo.zip?dl=0 – LiangWang Oct 14 '16 at 22:00
I get a `may produce nullpointer` warning when using `myDialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT))` – ClassA Jun 18 '18 at 14:44
@ClassA getWindow may return null – Blackbelt Jun 18 '18 at 15:04
The warning points to `setBackgroundDrawable`, but yes I understand what you are saying. So I can just do `if (myDialog.getWindow() != null) {myDialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT))}` – ClassA Jun 18 '18 at 15:07
1

Thank you. it's awesome! – shariful islam Jul 19 '18 at 06:11
1

Well this works for me while ContextThemeWrapper not.. Strange but thanks~ – Meow Cat 2012 Jul 22 '18 at 13:43
I tested both suggestions: They both work BUT they seem to replace the dialog's `Drawable` and it ends up losing its rounded corners plus, if you set the size with `getWindow().setLayout(400,400)`, the dialog isn't square anymore afterwards. – Neph Apr 28 '20 at 12:02

score 46 · Answer 2 · edited Aug 18 '17 at 13:37

46

One more solution:

When using Alertdialog.builder - Its not giving getwindow() option in it. So we can make it work like this:

AlertDialog dialog = builderScan.create();
            dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
            dialog.show();

And your Background of AlertDialog will be transperent.

edited Aug 18 '17 at 13:37

Ajeet Choudhary

1,969
1
17
41

answered Nov 25 '14 at 09:53

Sagar Shah

4,272
2
25
36

2

This is the exact way to do it. Way to go. Thank you. – Alex K Dec 22 '14 at 20:37

zbr · Answer 3 · 2013-04-24T11:33:35.373

9

Instead of this:

imageDialog.create();
imageDialog.show();

you could try doing something like this:

AlertDialog imageDialogAlert = imageDialog.create();
imageDialogAlert.show();
imageDialogAlert.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));

edited Apr 24 '13 at 11:33

answered Apr 24 '13 at 08:19

zbr

6,860
4
31
43

it is showing the error:The method getWindow() is undefined for the type AlertDialog.Builder – Neeha Apr 24 '13 at 09:59
Yeah, sorry. Please have a look at the updated answer, it should work now. – zbr Apr 24 '13 at 11:34

score 4 · Answer 4 · answered Dec 01 '14 at 14:31

4

Call this,

customDialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));

just before

customDialog.show();

answered Dec 01 '14 at 14:31

Mani

3,394
3
30
36

score 4 · Answer 5 · answered Mar 26 '20 at 12:39

If you just want to remove white background from the dialog layout then you just add:

dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);

If you also want remove window background translucent colour for the dialog then you need to add both lines:

dialog.getWindow().setDimAmount(0f);    
dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);

score 2 · Answer 6 · answered Dec 23 '20 at 14:48

2

val dialog: AlertDialog = builder.create()
      dialog.window!!.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
        dialog.setView(view)
        dialog.show()```

answered Dec 23 '20 at 14:48

conrad wawire

194
1
5

1

Please consider adding some descriptions to your solution. Code only answers are discouraged on Stackoverflow. – Amir Dora. Dec 23 '20 at 15:33

score 1 · Answer 7 · answered Apr 24 '13 at 08:26

protected AlertDialog(Context context) {
    this(context, com.android.internal.R.style.Theme_Translucent_NoTitleBar_Fullscreen);
}

public Builder(Context context) {
    this(context, com.android.internal.R.style.Theme_Translucent_NoTitleBar_Fullscreen);
}

score 1 · Answer 8 · edited May 08 '16 at 00:02

The code below changes the background layout.

LayoutInflater inflater = MainActivity.this.getLayoutInflater();

View layout = inflater.inflate(R.layout.your_layout, null);

final AlertDialog alertDio = new AlertDialog.Builder(MainActivity.this)
                        .setView(layout)
                        .show();

alertDio.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.parseColor("#801b5e20")));

score 0 · Answer 9 · answered Sep 21 '22 at 04:53

First set a custom theme for alert dialog in theme.xml

<style name="YourThemeName" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="colorAccent">#CC8800</item>
    <item name="android:windowBackground">@android:color/transparent</item>

</style>

after this set this theme on your AlertDialog

AlertDialog.Builder alertDialog = new AlertDialog.Builder(requireActivity(),R.style.YourThemeName;
            alertDialog.setView(R.layout.your_custom_view);
            alertDialog.setCancelable(false);
            alertDialog.create();
            alertDialog.show();

set Transparent background to alertdialog in android

9 Answers9

Linked