0
186
ViewsContenido de desplazamiento de Angular2 mdldialogservice
Estoy usando MdlDialogService para abrir un cuadro de diálogo de ayuda desde mi componente de inicio:
openHelpDialog(){ this.dialogService.showCustomDialog({ component: HelpComponent, animate: true, isModal: true, styles: {'width': '500px', 'overflow-y':'scroll'}, clickOutsideToClose: true }) }Y en mi componente de aplicación:
<app-home></app-home> <dialog-outlet></dialog-outlet>Ahora, cuando tengo mucho contenido de ayuda, la altura modal simplemente se corta:
¿Cómo puedo limitar la altura a un cierto% y luego usar el desplazamiento para ver el contenido?
·
Santiago Trujillo
2 answers
Answer question0
Utilice la propiedad css max hight. propiedad altura máxima css
max-height: 250px para la propiedad de estilos.
·
Santiago Trujillo
Report
0
Acabo de agregar max-height en estilo como el siguiente:
this.dialogService.showCustomDialog({ component: HelpComponent, animate: true, isModal: true, styles: {'width': '500px', 'max-height':'500px' ,'overflow-y':'scroll'}, clickOutsideToClose: true })
·
Santiago Trujillo
Report
Answer question