Full Screen DialogFragment in Android

Question

I m trying to show an almost fullscreen DialogFragment  But I m somehow not able to do so   The way I am showing the Fragment is straight from the android developer documentation  FragmentManager f     Activity getContext    getFragmentManager    FragmentTransaction ft   f beginTransaction    Fragment prev   f findFragmentByTag  dialog    if  prev    null        ft remove prev     ft addToBackStack null       Create and show the dialog  DialogFragment newFragment   new DetailsDialogFragment    newFragment show ft   dialog      I know naively tried to set the RelativeLayout in the fragment to fill parent and some minWidth and minHeight    lt RelativeLayout     xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent        android minWidth  1000px       android minHeight  600px      android background   ff0000  gt    I would know expect the DialogFragment to fill the majority of the screen  But I only seems to resize vertically but only until some fixed width horizontally   I also tried to set the Window Attributes in code  as suggested here  http   groups google com group android-developers browse thread thread f0bb813f643604ec  But this didn t help either   I am probably misunderstanding something about how Android handles Dialogs  as I am brand new to it  How can I do something like this  Are there any alternative ways to reach my goal     Android Device  Asus EeePad Transformer Android 3 0 1    Update  I now managed to get it into full screen  with the following code in the fragment   Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setStyle STYLE NO FRAME  android R style Theme Holo Light       Unfortunately  this is not quite want I want  I definitely need a small  padding  around the dialog to show the background   Any ideas how to accomplish that

User · Answer

This below answer works for me in fragment dialog        Dialog dialog   getDialog            if  dialog    null                        int width   ViewGroup LayoutParams MATCH PARENT              int height   ViewGroup LayoutParams MATCH PARENT              dialog getWindow   setLayout width  height

User · Answer

Make a Full screen DialogFragment by using only the style First solution 1  Add to your style xml       lt style name  quot FullScreenDialog quot  parent  quot Theme AppCompat Light Dialog quot  gt           lt item name  quot android backgroundDimEnabled quot  gt false lt  item gt           lt item name  quot android windowNoTitle quot  gt true lt  item gt           lt item name  quot android padding quot  gt 0dp lt  item gt           lt item name  quot android windowIsFloating quot  gt false lt  item gt           lt item name  quot android windowBackground quot  gt  android color transparent lt  item gt           lt item name  quot android windowCloseOnTouchOutside quot  gt false lt  item gt       lt  style gt   2  Add to your DialogFragment   Override public int getTheme         return R style FullScreenDialog     Alternative solution override fun onCreate savedInstanceState  Bundle         super onCreate savedInstanceState       setStyle DialogFragment STYLE NO FRAME  R style FullScreenDialog

User · Answer

And the kotlin version   override fun onStart         super onStart       dialog  let           val width   ViewGroup LayoutParams MATCH PARENT         val height   ViewGroup LayoutParams MATCH PARENT         it window  setLayout width  height

User · Answer

Try to use setStyle   in onCreate and override onCreateDialog make dialog without title   Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState           setStyle DialogFragment STYLE NORMAL  android R style Theme               Override public Dialog onCreateDialog Bundle savedInstanceState        Dialog dialog   super onCreateDialog savedInstanceState       dialog requestWindowFeature Window FEATURE NO TITLE               return dialog      or just override onCreate   and setStyle fellow the code    Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState           setStyle DialogFragment STYLE NO TITLE  android R style Theme

User · Answer

As far as the Android API got updated  the suggested method to show a full screen dialog is the following   FragmentTransaction transaction   this mFragmentManager beginTransaction       For a little polish  specify a transition animation transaction setTransition FragmentTransaction TRANSIT FRAGMENT OPEN      To make it fullscreen  use the  content  root view as the container    for the fragment  which is always the root view for the activity transaction add android R id content  this mFragmentToShow  commit      otherwise  if you don t want it to be shown fullscreen you can do this way   this mFragmentToShow show this mFragmentManager  LOGTAG     Hope it helps   EDIT  Be aware that the solution I gave works but has got a weakness that sometimes could be troublesome  Adding the DialogFragment to the android R id content container won t allow you to handle the DialogFragment setCancelable   feature correctly and could lead to unexpected behaviors when adding the DialogFragment itself to the back stack as well    So I d suggested you to simple change the style of your DialogFragment in the onCreate method as follow    Override public void onCreate  Nullable Bundle savedInstanceState        super onCreate savedInstanceState       setStyle DialogFragment STYLE NORMAL  android R style Theme Translucent NoTitleBar       Hope it helps

User · Answer

The easiest way to do achieve this is   Add the following theme to your styles xml  lt style name  quot DialogTheme quot  parent  quot AppTheme quot  gt       lt item name  quot android windowNoTitle quot  gt true lt  item gt       lt item name  quot android windowFullscreen quot  gt false lt  item gt       lt item name  quot android windowIsFloating quot  gt false lt  item gt   lt  style gt   and in your class extending DialogFragment  override  Override public int getTheme         return R style DialogTheme     This will work on Android OS 11 R  as well

User · Answer

The following way will work even if you are working on a relative layout  Follow the following steps    Go to theme editor   Available under Tools-  Android -  Theme Editor  Select show all themes  Select the one with AppCompat Dialog Choose the option android window background if you want it to be of any specific colored background or a transparent one  Select the color and hit OK Select a name of the new theme  Go to styles xml and then under the theme just added  add these two attributes    lt item name  android windowNoTitle  gt true lt  item gt   lt item name  android windowIsFloating  gt false lt  item gt     My theme setting for the dialog is as under    lt style name  DialogTheme  parent  Theme AppCompat Dialog   gt       lt item name  android layout width  gt match parent lt  item gt       lt item name  android layout height  gt match parent lt  item gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android windowIsFloating  gt false lt  item gt    Make sure that the theme has a parent as Theme AppCompat Dialog Another way would be just make a new style in styles xml and change it as per the code above    Go to your Dialog Fragment class and in the onCreate   method  set the style of your Dialog as    Override public void onCreate  Nullable Bundle savedInstanceState        super onCreate savedInstanceState       setStyle DialogFragment STYLE NORMAL R style DialogTheme

User · Answer

I am very late for answering this question still i want to share this answer so that in future anyone can use this   I have used this code in my project it works in lower version as well as higher version   Just use this theme inside onCreateDialog   like this     Override public Dialog onCreateDialog Bundle savedInstanceState         View view   getActivity   getLayoutInflater   inflate R layout dialog pump details  null        AlertDialog Builder builder   new AlertDialog Builder getActivity    android R style Theme Black NoTitleBar Fullscreen       return builder create        android R style Theme Black NoTitleBar Fullscreen - Here is the source code for this theme you can see only this theme is enough to make DialogFragment appear in full screen    lt  -- Variant of   link  Theme Black  that has no title bar and      no status bar   This theme      sets   link android R attr windowFullscreen  to true   -- gt   lt style name  Theme Black NoTitleBar Fullscreen  gt       lt item name  windowFullscreen  gt true lt  item gt       lt item name  windowContentOverlay  gt  null lt  item gt   lt  style gt    Please let me know if anyone face any issue  Hope this is helpful  Thanks

User · Answer

A solution by using the new ConstraintLayout is wrapping the ConstraintLayout in a LinearLayout with minHeight and minWidth fixed  Without the wrapping  ConstraintLayout is not getting the right size for the Dialog    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android layout width  match parent      android layout height  match parent      android minWidth  1000dp      android minHeight  1000dp      android orientation  vertical  gt        lt androidx constraintlayout widget ConstraintLayout         android layout width  match parent          android layout height  match parent          android background   color background color          android orientation  vertical  gt           lt  -- some constrained views -- gt       lt  androidx constraintlayout widget ConstraintLayout gt    lt  LinearLayout gt

User · Answer

I met the issue before when using a fullscreen dialogFragment  there is always a padding while having set fullscreen  try this code in dialogFragment s onActivityCreated   method   public void onActivityCreated Bundle savedInstanceState           super onActivityCreated savedInstanceState       Window window   getDialog   getWindow        LayoutParams attributes   window getAttributes          must setBackgroundDrawable TRANSPARENT  in onActivityCreated       window setBackgroundDrawable new ColorDrawable Color TRANSPARENT        if  needFullScreen                window setLayout LayoutParams MATCH PARENT  LayoutParams MATCH PARENT

User · Answer

window setLayout isn t enough for older devices   Here is what I do   try       ViewGroup parent    ViewGroup  view      do           parent    ViewGroup  parent getParent            if  parent    null              break           parent getLayoutParams   height   ViewGroup LayoutParams MATCH PARENT          parent getLayoutParams   width   ViewGroup LayoutParams MATCH PARENT          parent requestLayout          while  true     catch  Exception e

User · Answer

This is what you need to set to fragment      theme is optional  I am using leanback       setStyle STYLE NORMAL  R style AppTheme Leanback     In your case   DialogFragment newFragment   new DetailsDialogFragment    newFragment setStyle STYLE NORMAL  R style AppTheme Leanback   newFragment show ft   dialog      And why  Because DialogFragment  when not told explicitly   will use its inner styles that will wrap your custom layout in it  no fullscreen  etc     And layout  No hacky way needed  this is working just fine    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android              android layout width  match parent              android layout height  match parent  gt           lt  RelativeLayout gt    Enjoy

User · Answer

In case anyone else comes across this  I had a similar experience to this but it turns out that the issue was that I had forgotten to return the inflated view from onCreateView  instead returning the default super onCreateView   I simply returned the correct inflated view and that solved the problem

User · Answer

In my case I used the following approach        Override     public void onStart             super onStart            getDialog   getWindow   setLayout LayoutParams MATCH PARENT  LayoutParams MATCH PARENT             Plus LinearLayout to fill all the space with content   But there were still small gaps between left and right edges of the dialog and the screen edges on some Lollipop  devices  e g  Nexus 9    It was not obvious but finally I figured out that to make it full width across all the devices and platforms window background should be specified inside styles xml like the following    lt style name  Dialog NoTitle  parent  Theme AppCompat Dialog  gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android padding  gt 0dp lt  item gt       lt item name  android windowBackground  gt  color window bg lt  item gt   lt  style gt    And of course this style needs to be used when we create the dialog like the following       public static DialogFragment createNoTitleDlg             DialogFragment frag   new Some Dialog Frag            frag setStyle DialogFragment STYLE NO TITLE  R style Dialog NoTitle           return frag

User · Answer

Add this below lines in style of the full screen dialog    lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android windowFullscreen  gt true lt  item gt       lt item name  android windowIsFloating  gt false lt  item gt

User · Answer

Create below theme in your style xml    lt style name  DialogTheme  parent  Theme AppCompat Light DarkActionBar  gt      lt item name  android paddingRight  gt 0dp lt  item gt      lt item name  android paddingLeft  gt 0dp lt  item gt      lt item name  android layout width  gt match parent lt  item gt      lt item name  android windowNoTitle  gt true lt  item gt   lt  style gt    then set the style in DialogFragment   Override public void onCreate Bundle savedInstanceState    super onCreate savedInstanceState   setStyle DialogFragment STYLE NO TITLE  R style DialogTheme

User · Answer

This is the solution how I figured out this issue    Override public Dialog onCreateDialog Bundle savedInstanceState        Dialog dialog   super onCreateDialog savedInstanceState           dialog getWindow   requestFeature Window FEATURE NO TITLE           return dialog      Override public void onStart         super onStart        Dialog dialog   getDialog        if  dialog    null                dialog getWindow   setLayout ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT               dialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT

User · Answer

Try this for common fragment dialog for multiple uses  Hope this will help you bettor  public class DialogFragment extends DialogFragment         Override     public View onCreateView LayoutInflater inflater  ViewGroup container  Bundle savedInstanceState            View rootView   inflater inflate R layout fragment visit history main  container  false            getDialog   getWindow   requestFeature Window FEATURE NO TITLE           getDialog   getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT            initializeUI rootView           return rootView              Override     public void onStart             super onStart            Dialog dialog   getDialog            if  dialog    null                int width   ViewGroup LayoutParams MATCH PARENT              int height   ViewGroup LayoutParams MATCH PARENT              dialog getWindow   setLayout width  height                       private void initializeUI View rootView          getChildFragmentManager   beginTransaction   replace R id fv container FragmentVisitHistory getInstance    AppConstant FRAGMENT VISIT HISTORY  commit

User · Answer

the following solution worked for me other solution gave me some space in the sides i e not full screen You need to make changes in onStart and onCreate method  Override public void onStart         super onStart        Dialog dialog   getDialog        if  dialog    null                int width   ViewGroup LayoutParams MATCH PARENT          int height   ViewGroup LayoutParams MATCH PARENT          dialog getWindow   setLayout width  height              public Dialog onCreateDialog  Nullable Bundle savedInstanceState        final Dialog dialog   new Dialog requireContext         dialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT

User · Answer

Note   Even one can find right answer here  But I want clarify a confusion   Use below code for android app DialogFragment   Override public void onStart         super onStart        Dialog dialog   getDialog        if  dialog    null                int width   ViewGroup LayoutParams MATCH PARENT          int height   ViewGroup LayoutParams MATCH PARENT          dialog getWindow   setLayout width  height             Use below code for android support v4 app DialogFragment   Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setStyle DialogFragment STYLE NORMAL  android R style Theme Black NoTitleBar Fullscreen

User · Answer

Override public Dialog onCreateDialog Bundle savedInstanceState        Dialog dialog   new Dialog getActivity    android R style Theme Holo Light       dialog requestWindowFeature Window FEATURE NO TITLE        return dialog      This solution applies a full screen theme on the dialog  which is similar to Chirag s setStyle in onCreate  A disadvantage is that savedInstanceState is not used

User · Answer

It can indeed depends on how the layout is defined  But to ensure that the dialog gets the required size  the best solution is to provide the LayoutParams once the dialog is shown  and not on creation   On a DialogFragment the dialog is shown on the onStart method  so a valid method to get full width is    Override public void onStart         super onStart        Dialog d   getDialog        if  d  null           d getWindow   setLayout ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT             To also provide a theme  or style  like a NO TITLE style  the best location is on the onCreate method    Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setStyle STYLE NO TITLE  android R style Theme Holo Light Dialog

User · Answer

Try switching to a LinearLayout instead of RelativeLayout   I was targeting the 3 0 Honeycomb api when testing     public class FragmentDialog extends Activity     Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout main        Button button    Button  findViewById R id show       button setOnClickListener new OnClickListener             public void onClick View v                showDialog                          Override public void onSaveInstanceState Bundle outState        super onSaveInstanceState outState      void showDialog         FragmentTransaction ft   getFragmentManager   beginTransaction        DialogFragment newFragment   MyDialogFragment newInstance        newFragment show ft   dialog       public static class MyDialogFragment extends DialogFragment        static MyDialogFragment newInstance             MyDialogFragment f   new MyDialogFragment            return f              Override     public View onCreateView LayoutInflater inflater  ViewGroup container          Bundle savedInstanceState            View v   inflater inflate R layout fragment dialog  container  false           return v               and the layouts   fragment dialog xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout      xmlns android  http   schemas android com apk res android       android layout width  match parent       android layout height  match parent       android minWidth  1000dp        android minHeight  1000dp  gt     lt  LinearLayout gt     main xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical       android layout width  match parent       android layout height  match parent      android background   ffffff  gt       lt Button android id    id show          android layout width  wrap content           android layout height  wrap content          android layout weight  0          android text  show  gt       lt  Button gt   lt  LinearLayout gt

User · Answer

According to this link DialogFragment fullscreen shows padding on sides this will work like a charm    Override public Dialog onCreateDialog final Bundle savedInstanceState            the content     final RelativeLayout root   new RelativeLayout getActivity         root setLayoutParams new ViewGroup LayoutParams ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT            creating the fullscreen dialog     final Dialog dialog   new Dialog getActivity         dialog requestWindowFeature Window FEATURE NO TITLE       dialog setContentView root       dialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT        dialog getWindow   setLayout ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT        return dialog

User · Answer

Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState        setStyle DialogFragment STYLE NORMAL               android R style Theme Black NoTitleBar Fullscreen

User · Answer

To get DialogFragment on full screen  Override onStart of your DialogFragment like this    Override public void onStart         super onStart        Dialog dialog   getDialog        if  dialog    null                int width   ViewGroup LayoutParams MATCH PARENT          int height   ViewGroup LayoutParams MATCH PARENT          dialog getWindow   setLayout width  height             And thanks very much to this post  The-mystery-of-androids-full-screen-dialog-fragments

User · Answer

No more style that need more complex code   with status bar   public static void ShowFullScreenDialog Context context  View contentView  string header                         using  Android Support V7 App AlertDialog Builder builder   new Android Support V7 App AlertDialog Builder context  Android Resource Style ThemeBlackNoTitleBarFullScreen                                 var view   UIHelper InflaterView context  Resource Layout dialog full screen                   builder SetView view                   Dialog dialog   builder Create                    dialog Window SetBackgroundDrawableResource ThemeHelper GetMainActivityThemeDrawable                     dialog Window SetLayout context Resources DisplayMetrics WidthPixels  context Resources DisplayMetrics HeightPixels                   dialog Window DecorView SystemUiVisibility   StatusBarVisibility Visible                                     fullLinear                 var headtxt   view FindViewById lt TextView gt  Resource Id headertxt                   headtxt SetTextColor Color White                   headtxt Text   header                  var fullLinear   view FindViewById lt LinearLayout gt  Resource Id fullLinear                   var closeBttn   view FindViewById lt ImageButton gt  Resource Id closeBttn                   closeBttn ImageTintList   ColorHelper ConvertColorToStateList Color White                   closeBttn Click    delegate                                       dialog Hide                                       if  contentView Parent    null                        ViewGroup contentView Parent  RemoveView contentView       lt - fix                 fullLinear AddView contentView                                    dialog Show                                          Important dialog Window SetLayout context Resources DisplayMetrics WidthPixels  context Resources DisplayMetrics HeightPixels

User · Answer

Worked for me in Kotlin    override fun onActivityCreated savedInstanceState  Bundle         super onActivityCreated savedInstanceState       dialog  window  setLayout ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT

User · Answer

Chirag Nagariya is right except the   Fullscreen  addition  it can be solved using any base style which not derived from Dialog style   android R style Theme Black NoTitleBar  can be used as well

[android] Full Screen DialogFragment in Android

Examples related to android

Examples related to android-dialogfragment