How to make an alert dialog fill 90 of screen size

Question

I can create and display a custom alert dialog just fine but even so I have android layout width height  fill parent  in the dialog xml it is only as big as the contents   What I want is dialog that fills the entire screen except maybe a padding of 20 pixel  Then the image that is part of the dialog would automatically stretch to the full dialog size with fill parent

User · Answer

If you use dialog fragment you can do it on onResume method  It s code for Xamarin Android  but I think it so easy to understand it public override void OnResume          base OnResume        var metrics   Resources DisplayMetrics       double width   metrics WidthPixels   0 9      double height   metrics HeightPixels   0 6       this Dialog Window SetLayout  int width   int height       this Dialog Window SetGravity Android Views GravityFlags Center

User · Answer

Try wrapping your custom dialog layout into RelativeLayout instead of LinearLayout  That worked for me

User · Answer

By far the most simplest way I can think of -  If your dialog is made out of a vertical LinearLayout  just add a  height filling  dummy view  that will occupy the entire height of the screen   For example -   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 weightSum  1  gt        lt EditText        android layout width  match parent         android layout height  wrap content         android id    id editSearch    gt        lt ListView        android layout width  match parent         android layout height  match parent         android id    id listView   gt        lt  -- this is a dummy view that will make sure the dialog is highest -- gt      lt View        android layout width  match parent         android layout height  match parent         android layout weight  1   gt    lt  LinearLayout gt    Notice the android weightSum  1  in the LinearLayout s attributes and the android layout weight  1  in the dummy View s attributes

User · Answer

Even simpler just do this   int width    int  getResources   getDisplayMetrics   widthPixels 0 90   int height    int  getResources   getDisplayMetrics   heightPixels 0 90    alertDialog getWindow   setLayout width  height

User · Answer

dialog getWindow   setLayout WindowManager LayoutParams MATCH PARENT WindowManager LayoutParams WRAP CONTENT

User · Answer

final AlertDialog alertDialog       LayoutInflater li   LayoutInflater from mActivity       final View promptsView   li inflate R layout layout dialog select time  null        RecyclerView recyclerViewTime      RippleButton buttonDone       AlertDialog Builder alertDialogBuilder   new AlertDialog Builder mActivity       alertDialogBuilder setView promptsView           create alert dialog     alertDialog   alertDialogBuilder create                    setting up window design             alertDialog requestWindowFeature Window FEATURE NO TITLE         alertDialog show         DisplayMetrics metrics   new DisplayMetrics      get metrics of screen     mActivity getWindowManager   getDefaultDisplay   getMetrics metrics       int height    int   metrics heightPixels   0 9     set height to 90  of total     int width    int   metrics widthPixels   0 9     set width to 90  of total      alertDialog getWindow   setLayout width  height     set layout     recyclerViewTime   promptsView findViewById R id recyclerViewTime         DialogSelectTimeAdapter dialogSelectTimeAdapter   new DialogSelectTimeAdapter this       RecyclerView LayoutManager linearLayoutManager   new LinearLayoutManager this       recyclerViewTime setLayoutManager linearLayoutManager       recyclerViewTime setAdapter dialogSelectTimeAdapter        buttonDone   promptsView findViewById R id buttonDone       buttonDone setOnClickListener new View OnClickListener              Override         public void onClick View view                 alertDialog dismiss

User · Answer

If you are using Constraint Layout  you can set any view inside it  to fill a percentage of the screen with   layout constraintWidth percent  0 8   So  for example  if you have a ScrollView inside the dialog and you want to set it to a percentage of the screen height  It would be like this    lt ScrollView             android id    id scrollView              android layout width  match parent              android layout height  0dp              app layout constraintHeight percent  0 8  gt    Hope it helps someone

User · Answer

You need to use a style  style xml such as CustomDialog to displaying the customize-able dialog   lt style name  quot CustomDialog quot  parent  quot  android style Theme DeviceDefault Light Dialog quot  gt       lt item name  quot android windowIsTranslucent quot  gt true lt  item gt       lt item name  quot android windowBackground quot  gt  color colorWhite lt  item gt       lt item name  quot android editTextColor quot  gt  color colorBlack lt  item gt       lt item name  quot android windowContentOverlay quot  gt  null lt  item gt       lt item name  quot android windowNoTitle quot  gt true lt  item gt       lt item name  quot android backgroundDimEnabled quot  gt true lt  item gt       lt item name  quot android windowIsFloating quot  gt true lt  item gt       lt item name  quot android windowSoftInputMode quot  gt stateUnspecified adjustPan lt  item gt   lt  style gt   and use this style in Activity java like this Dialog dialog   new Dialog Activity this  R style CustomDialog   dialog requestWindowFeature Window FEATURE NO TITLE   dialog setContentView R layout custom dialog    and your custom dialog xml should inside your layout directory  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt LinearLayout xmlns android  quot http   schemas android com apk res android quot      android orientation  quot vertical quot      android layout width  quot match parent quot      android layout height  quot match parent quot      android paddingLeft  quot 10dp quot      android paddingRight  quot 10dp quot  gt        lt TextView         android layout width  quot match parent quot          android layout height  quot wrap content quot          android text  quot  quot          android textSize  quot 20dp quot          android id  quot   id tittle text view quot          android textColor  quot  color colorBlack quot          android layout marginTop  quot 20dp quot          android layout marginLeft  quot 10dp quot   gt        lt LinearLayout         android layout width  quot match parent quot          android layout height  quot wrap content quot          android orientation  quot horizontal quot          android layout marginLeft  quot 20dp quot          android layout marginBottom  quot 10dp quot          android layout marginTop  quot 20dp quot          android layout marginRight  quot 20dp quot  gt            lt EditText             android id  quot   id edit text first quot              android layout width  quot 50dp quot              android layout height  quot match parent quot              android hint  quot 0 quot              android inputType  quot number quot    gt            lt TextView             android id  quot   id text view first quot              android layout width  quot wrap content quot              android layout height  quot match parent quot              android layout marginLeft  quot 5dp quot              android gravity  quot center quot   gt            lt EditText             android id  quot   id edit text second quot              android layout width  quot 50dp quot              android layout height  quot match parent quot              android hint  quot 0 quot              android layout marginLeft  quot 5dp quot              android inputType  quot number quot    gt            lt TextView             android id  quot   id text view second quot              android layout width  quot wrap content quot              android layout height  quot match parent quot              android layout marginLeft  quot 5dp quot              android gravity  quot center quot   gt        lt  LinearLayout gt    lt  LinearLayout gt

User · Answer

Try this  dialog getWindow   setLayout ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams WRAP CONTENT

User · Answer

Set android minWidth and android minHeight in your custom view xml  These can force the alert not to just wrap content size   Using a view like this should do it    lt LinearLayout   xmlns android  http   schemas android com apk res android    android layout width  fill parent    android layout height  fill parent    android minWidth  300dp     android minHeight  400dp  gt     lt ImageView    android layout width  fill parent     android layout height  fill parent     android background   drawable icon   gt   lt  LinearLayout gt

User · Answer

You can use percentage for  JUST  windows dialog width   Look into this example from Holo Theme    lt style name  Theme Holo Dialog NoActionBar MinWidth  gt       lt item name  android windowMinWidthMajor  gt  android dimen dialog min width major lt  item gt       lt item name  android windowMinWidthMinor  gt  android dimen dialog min width minor lt  item gt   lt  style gt     lt  -- The platform s desired minimum size for a dialog s width when it      is along the major axis  that is the screen is landscape    This may      be either a fraction or a dimension  -- gt   lt item type  dimen  name  dialog min width major  gt 65  lt  item gt    All you need to do is extend this theme and change the values for  Major  and  Minor  to 90  instead 65    Regards

User · Answer

Specifying FILL PARENT on the dialog window  like others suggested  did not work for me  on Android 4 0 4   because it just stretched the black dialog background to fill the whole screen   What works fine is using the minimum display value  but specifying it within the code  so that the dialog takes 90  of the screen   So   Activity activity        AlertDialog dialog            retrieve display dimensions Rect displayRectangle   new Rect    Window window   activity getWindow    window getDecorView   getWindowVisibleDisplayFrame displayRectangle       inflate and adjust layout LayoutInflater inflater    LayoutInflater activity getSystemService Context LAYOUT INFLATER SERVICE   View layout   inflater inflate R layout your dialog layout  null   layout setMinimumWidth  int  displayRectangle width     0 9f    layout setMinimumHeight  int  displayRectangle height     0 9f     dialog setView layout     In general only adjusting the width should be sufficient in most cases

User · Answer

Just give the AlertDialog this theme   lt style name  DialogTheme  parent  Theme MaterialComponents Light Dialog MinWidth  gt       lt item name  colorPrimary  gt  color colorPrimary lt  item gt       lt item name  android windowMinWidthMajor  gt 90  lt  item gt       lt item name  android windowMinWidthMinor  gt 90  lt  item gt   lt  style gt

User · Answer

According to Android platform developer Dianne Hackborn in this discussion group post  Dialogs set their Window s top level layout width and height to WRAP CONTENT   To make the Dialog bigger  you can set those parameters to MATCH PARENT   Demo code       AlertDialog Builder adb   new AlertDialog Builder this       Dialog d   adb setView new View this   create            That new View is just there to have something inside the dialog that can grow big enough to cover the whole screen        WindowManager LayoutParams lp   new WindowManager LayoutParams        lp copyFrom d getWindow   getAttributes         lp width   WindowManager LayoutParams MATCH PARENT      lp height   WindowManager LayoutParams MATCH PARENT      d show        d getWindow   setAttributes lp     Note that the attributes are set after the Dialog is shown  The system is finicky about when they are set    I guess that the layout engine must set them the first time the dialog is shown  or something     It would be better to do this by extending Theme Dialog  then you wouldn t have to play a guessing game about when to call setAttributes    Although it s a bit more work to have the dialog automatically adopt an appropriate light or dark theme  or the Honeycomb Holo theme   That can be done according to http   developer android com guide topics ui themes html SelectATheme

User · Answer

Based in part on Anand s answer  This works for me  override fun onCreateDialog savedInstanceState  Bundle    Dialog       val fragmentActivity   requireActivity       val v   View inflate context  R layout fragment about dialog  null      val dialog   Dialog fragmentActivity      dialog requestWindowFeature Window FEATURE NO TITLE      dialog setContentView v       val wm   fragmentActivity getSystemService Context WINDOW SERVICE  as WindowManager       val display   if  VERSION SDK INT  gt   VERSION CODES R            fragmentActivity display       else           wm defaultDisplay    deprecated in API 30            val size   Point       display  getSize size       val width   size x - 50     val height   size y - 50     val lp   WindowManager LayoutParams       lp copyFrom dialog window  attributes      lp width   width     lp height   height     dialog show       dialog window  attributes   lp          return dialog    For dialog layout used constraintLayout   lt androidx constraintlayout widget ConstraintLayout          android id  quot   id dialogLayout quot          android layout width  quot match parent quot          android layout height  quot match parent quot  gt           lt  androidx constraintlayout widget ConstraintLayout gt   Result   This works fine when changing screen orientation

User · Answer

Here is my variant for custom dialog s width   DisplayMetrics displaymetrics   new DisplayMetrics    mActivity getWindowManager   getDefaultDisplay   getMetrics displaymetrics   int width    int   displaymetrics widthPixels    ThemeHelper isPortrait mContext    0 95   0 65     WindowManager LayoutParams params   getWindow   getAttributes    params width   width  getWindow   setAttributes params     So depending on device orientation  ThemeHelper isPortrait mContext   dialog s width will be either 95   for portrait mode  or 65   for landscape   It s a little more that the author asked but it could be useful to someone   You need to create a class that extends from Dialog and put this code into your onCreate Bundle savedInstanceState  method   For dialog s height the code should be similar to this

User · Answer

The following worked fine for me        lt style name  MyAlertDialogTheme  parent  Base Theme AppCompat Light Dialog Alert  gt           lt item name  windowFixedWidthMajor  gt 90  lt  item gt           lt item name  windowFixedWidthMinor  gt 90  lt  item gt       lt  style gt     note  windowMinWidthMajor Minor as suggested in previous answers didn t do the trick  My dialogs kept changing sizes depending on the content   and then   AlertDialog Builder builder   new AlertDialog Builder getActivity    R style MyAlertDialogTheme

User · Answer

Here is a short answer that worked for me  Tested on API 8 and API 19    Dialog mDialog  View   mDialogView         Get height int height   mDialog getWindow    getWindowManager   getDefaultDisplay    getHeight        Set your desired padding  here 90   int padding   height -  int  height 0 9f       Apply it to the Dialog mDialogView setPadding     padding left 0     padding top  90   padding      padding right 0      padding bottom  90   padding

User · Answer

Get the device width   public static int getWidth Context context        DisplayMetrics displayMetrics   new DisplayMetrics        WindowManager windowmanager    WindowManager  context getSystemService Context WINDOW SERVICE       windowmanager getDefaultDisplay   getMetrics displayMetrics       return displayMetrics widthPixels      then use that for making dialog 90  of device   Dialog filterDialog   new Dialog context  R style searchsdk FilterDialog    filterDialog setContentView R layout searchsdk filter popup   initFilterDialog filterDialog   filterDialog setCancelable true   filterDialog getWindow   setLayout   getWidth context    100    90   LinearLayout LayoutParams MATCH PARENT   filterDialog getWindow   setGravity Gravity END   filterDialog show

User · Answer

After initialize your dialog object and set the content view  Do this and enjoy    in the case i am setting 90  to width and 70  to height because width 90  it will be over toolbar    DisplayMetrics displaymetrics   new DisplayMetrics    getActivity   getWindowManager   getDefaultDisplay   getMetrics displaymetrics   int width    int    int displaymetrics widthPixels   0 9   int height    int    int displaymetrics heightPixels   0 7   d getWindow   setLayout width height   d show

User · Answer

dialog getWindow   setLayout LayoutParams FILL PARENT  LayoutParams FILL PARENT

User · Answer

Solution with actual 90  calculation    Override public void onStart        Dialog dialog   getDialog       if  dialog    null         dialog getWindow            setLayout  int   getScreenWidth getActivity       9   ViewGroup LayoutParams MATCH PARENT            where getScreenWidth Activity activity  is defined the following  best put in a Utils class    public static int getScreenWidth Activity activity       Point size   new Point       activity getWindowManager   getDefaultDisplay   getSize size      return size x

User · Answer

Well  you have to set your dialog s height and width before to show this   dialog show       so  do something like this   dialog getWindow   setLayout width  height      then  dialog show

User · Answer

My answer is based on the koma s but it doesn t require to override onStart but only onCreateView which is almost always overridden by default when you create new fragments    Override public View onCreateView LayoutInflater inflater  ViewGroup container                           Bundle savedInstanceState        View v   inflater inflate R layout your fragment layout  container        Rect displayRectangle   new Rect        Window window   getDialog   getWindow        window getDecorView   getWindowVisibleDisplayFrame displayRectangle        v setMinimumWidth  int  displayRectangle width     0 9f        v setMinimumHeight  int  displayRectangle height     0 9f         return v      I ve tested it on Android 5 0 1

User · Answer

Well  you have to set your dialog s height and width before to show this   dialog show       so  do something like this   dialog getWindow   setLayout width  height      then  dialog show     Getting this code  i made it some changes   dialog getWindow   setLayout  int  MapGeaGtaxiActivity this getWindow   peekDecorView   getWidth   0 9   int   MapGeaGtaxiActivity this getWindow   peekDecorView   getHeight   0 9      however  dialog size s could change when the device change its position  Perhaps you need to handle by your own when metrics changes  PD  peekDecorView  implies that layout in activity is properly initialized otherwise you may use   DisplayMetrics metrics   new DisplayMetrics    getWindowManager   getDefaultDisplay   getMetrics metrics   int height   metrics heightPixels  int wwidth   metrics widthPixels    in order to get screen size

User · Answer

All of the other answers here makes sense  but it did not meet what Fabian needs  Here is a solution of mine  It may not be the perfect solution but it works for me  It shows a dialog which is on fullscreen but you can specify a padding on top  bottom  left or right      First put this in your res values styles xml      lt style name  CustomDialog  parent   android style Theme Dialog  gt       lt item name  android windowIsTranslucent  gt true lt  item gt       lt item name  android windowBackground  gt  color Black0Percent lt  item gt       lt item name  android paddingTop  gt 20dp lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android backgroundDimEnabled  gt false lt  item gt       lt item name  android windowIsFloating  gt false lt  item gt   lt  style gt    As you can see I have there android paddingTop  20dp is basically what you need  The android windowBackground    color Black0Percent is just a color code declared on my color xml     res values color xml    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt   lt color name  Black0Percent  gt  00000000 lt  color gt   lt  resources gt    That Color code just serves as a dummy to replace the default window background of the Dialog with a 0  transparency color      Next build the custom dialog layout res layout dialog xml    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android id    id dialoglayout      android layout width  match parent      android background   drawable DesiredImageBackground      android layout height  match parent      android orientation  vertical   gt        lt EditText         android id    id edittext1          android layout width  match parent          android layout height  wrap content          android singleLine  true          android textSize  18dp    gt        lt Button         android id    id button1          android layout width  match parent          android layout height  wrap content          android text  Dummy Button          android textSize  18dp    gt    lt  LinearLayout gt    Finally here is our dialog that set custom view which uses our dialog xml   Dialog customDialog  LayoutInflater inflater    LayoutInflater  getLayoutInflater    View customView   inflater inflate R layout dialog  null      Build the dialog customDialog   new Dialog this  R style CustomDialog   customDialog setContentView customView   customDialog show      Conclusion  I tried to override the dialog s theme in the styles xml named CustomDialog  It overrides the Dialog window layout and gives me the chance to set a padding and change the opacity of the background  It may not be the perfect solution but I hope it helps you

User · Answer

Above many of the answers are good but none of the worked for me fully   So i combined the answer from  nmr and got this one   final Dialog d   new Dialog getActivity                 d getWindow   setBackgroundDrawable R color action bar bg           d requestWindowFeature Window FEATURE NO TITLE           d setContentView R layout dialog box shipment detail            WindowManager wm    WindowManager  getActivity   getSystemService Context WINDOW SERVICE      for activity use context instead of getActivity           Display display   wm getDefaultDisplay       getting the screen size of device         Point size   new Point            display getSize size           int width   size x - 20      Set your heights         int height   size y - 80     set your widths          WindowManager LayoutParams lp   new WindowManager LayoutParams            lp copyFrom d getWindow   getAttributes              lp width   width          lp height   height           d getWindow   setAttributes lp           d show

User · Answer

AlertDialog Builder builder   new AlertDialog Builder getActivity         Dialog d   builder create      create Dialog     d show      first show      DisplayMetrics metrics   new DisplayMetrics      get metrics of screen     getActivity   getWindowManager   getDefaultDisplay   getMetrics metrics       int height    int   metrics heightPixels 0 9     set height to 90  of total     int width    int   metrics widthPixels 0 9     set width to 90  of total      d getWindow   setLayout width  height     set layout

User · Answer

public static WindowManager LayoutParams setDialogLayoutParams Activity activity  Dialog dialog                try                        Display display   activity getWindowManager   getDefaultDisplay                Point screenSize   new Point                display getSize screenSize               int width   screenSize x               WindowManager LayoutParams layoutParams   new WindowManager LayoutParams                layoutParams copyFrom dialog getWindow   getAttributes                 layoutParams width    int   width -  width   0 07                  layoutParams height   WindowManager LayoutParams WRAP CONTENT              return layoutParams                     catch  Exception e                        e printStackTrace                return null

[android] How to make an alert dialog fill 90% of screen size?

Examples related to android

Examples related to dialog