Answers for "change height width of material dialog android"

1

increase size of mat dialog

const dialogRef = this.dialog.open(OpenedDialogComponent, {
      width: '98vw', //sets width of dialog
      height:'70vh', //sets width of dialog
      maxWidth: '100vw', //overrides default width of dialog
      maxHeight: '100vh', //overrides default height of dialog
      disableClose: true //disables closing on clicking outside box. You will need to make a dedicated button to close
    });
Posted by: Guest on July-09-2021
1

how to set height of material ui dialog react

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles(theme => ({
    dialogPaper: {
       
        height : '400px'
    },
}));

//then in your dialog
 <Dialog  classes={{ paper : classes.dialogPaper}} > 
   //...
 </Dialog>
Posted by: Guest on April-13-2020

Code answers related to "change height width of material dialog android"

Code answers related to "TypeScript"

Browse Popular Code Answers by Language