Android Borderless Dialog

Question

I have created an AlertDialog using AlertDialog.Builder, but the Dialog border takes up too much space on the screen. How do I remove the border? I have tried using another Activity to emulate the dialog with a transparent background, but the dialog is used repeatedly, and creating a new Activity every time introduces a significant amount of lag.

The answer from here mentions that it can be found in the ApiDemos, but i can't seem to find it.

score 64 · Accepted Answer · answered Dec 12 '09 at 05:03

64

Alright, I'll answer my own question. Basically, instead of using AlertDialog.Builder, create a regular Dialog using it's constructor, and use a suitable theme instead of the default Dialog theme.

So your code would look something like this:

Dialog dialog = new Dialog(this, android.R.style.Theme_Translucent_NoTitleBar);

Hope this helps someone else.

answered Dec 12 '09 at 05:03

kwogger

1,412
1
12
18

4

if we do this then dialog.setCanceledOnTouchOutside(true); will have no effect... how to handle this then? – amithgc Aug 13 '10 at 06:50
That is exactly what I was looking for. I've been wrestling with the dialog creation system and dozens of badly written tutorials for hours now, and your one line of code was all I needed. Thank you! – kodi Sep 03 '10 at 13:37
3

but it make the dialog fullscreen..how to prevent it not to be in fullscreen as i write the above code – AndroidDev Nov 18 '11 at 05:32
2

gist showing custom floating (popup) dialog with no title or border: https://gist.github.com/2643546 – Chris Blunt May 09 '12 at 10:18

score 33 · Answer 2 · answered Feb 03 '12 at 11:12

Here is my solution, to get a dialog that shows only your content.

    Dialog dialog = new Dialog(this,R.style.ThemeDialogCustom);
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);

    //you can move the dialog, so that is not centered
    // dialog.getWindow().getAttributes().y = 50; //50 should be based on density

    dialog.setContentView(yourLinearLayout);
    dialog.setCancelable(true);
    //dialog.setOnCancelListener(cancelListener);
    dialog.show();

themes.xml // located in project /res/values

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <style name="ThemeDialogCustom">
    <item name="android:windowFrame">@null</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
    <item name="android:windowBackground">@color/transparent_color</item>
    <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
    <item name="android:colorBackgroundCacheHint">@null</item>
   </style>
</resources>

colors.xml // also located there

<?xml version="1.0" encoding="utf-8"?>
<resources>
       <color name="transparent_color">#00000000</color>
</resource>

This is a nice solution. It solves the problem perfectly by simply giving you your same dialog, BUT without the border!!! This is a more appropriate solution than the accepted one. — Craig B, Jun 15 '13 at 19:05
Thanks for correct solution.And also you can add dialog.setCanceledOnTouchOutside(true); to dismiss the dialog on out side dialog touch. — Basavaraj Hampali, Jul 10 '13 at 09:33

score 24 · Answer 3 · answered Dec 22 '10 at 23:38

Using android.R.style.Theme_Translucent_NoTitleBar works if you want the dialog to be full screen. An alternative is to create your own style, like so:

<style
    name="Theme_Dialog_Translucent"
    parent="android:Theme.Dialog">
    <item
        name="android:windowBackground">@null</item>
</style>

score 7 · Answer 4 · answered Jan 04 '13 at 07:23

7

try this :D

 Dialog popUpView= new Dialog(this);
 popUpView.getWindow().setBackgroundDrawable(new ColorDrawable(0));

answered Jan 04 '13 at 07:23

Ishanssi

69
1
3

score 2 · Answer 5 · answered Feb 02 '13 at 13:04

if you have 2 border you need to use a ContextThemeWrapper, which it will show only one border as you would like :)

ContextThemeWrapper wrapper = new ContextThemeWrapper(this, android.R.style.Theme_Holo);
final LayoutInflater inflater = (LayoutInflater) wrapper.getSystemService(LAYOUT_INFLATER_SERVICE);
AlertDialog.Builder builder = new AlertDialog.Builder(wrapper);

score 2 · Answer 6 · edited Jan 05 '12 at 16:02

2

I added a transparent pixel to drawable and used the following code :

dialog.getWindow().setBackgroundDrawableResource(R.drawable.transpix);

edited Jan 05 '12 at 16:02

COD3BOY

11,964
1
38
56

answered Jan 05 '12 at 15:46

TomBombadil

71
7

score 1 · Answer 7 · answered May 13 '11 at 15:31

1

You can ask the builder to enforce inverse background. Worked for me to display a borderless splash screen with a png source.

answered May 13 '11 at 15:31

bung_julio

31
2

greenspand · Answer 8 · 2014-04-16T19:33:39.713

In your resources file create a xml file named for e.g. null_image.xml, with the following content:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

<solid android:color="#0000" />

<size
    android:height="1dp"
    android:width="1dp" />

 </shape>

In your java code, fetch the dialog window and set the xml file as the drawable resource, like this: Depending on your context:

Dialog dialog = new Dialog(getContext());
Window window = dialog.getWindow();
window.setBackgroundDrawableResource(R.drawable.null_image);

That's it, enjoy.

Android Borderless Dialog

8 Answers8

Linked