Stack Overflow
Stack Overflow

Questions tagged [mddialog]

$mdDialog is a directive of AngularJS that opens a dialog over the app to inform users about critical information or require them to make decisions. There are two approaches for setup: a simple promise API and regular object syntax.

Docs

https://material.angularjs.org/latest/api/service/$mdDialog

Demo

https://material.angularjs.org/latest/demo/dialog

Syntax

$mdDialog.show({} /* options */);
167 questions
4
votes
1 answer

$mdDialog confirm rearrange cancel-ok to ok-cancel

In our web app I use Angular-Materials $mdDialog with the confirm-object. Is it possible to change the order of the buttons from cancel-ok to ok-cancel? And to set the initial focus to the cancel button? Maybe via CSS or a template? The code looks…
swimagers
  • 71
  • 1
  • 5
3
votes
1 answer

How can I add actions to the button in KivyMD MDDialog?

How can I add the action to the "OK" button ? I get a example code from KivyMd docs but there is no explanation how to add the acction to these buttons. Code : from kivy.lang import Builder from kivy.uix.boxlayout import BoxLayout from kivymd.app…
BS98
  • 101
  • 3
  • 6
3
votes
2 answers

Add custom class to md-dialog-container

I have a button that opens a md-dialog-container. Is it possible to add a custom class to the root of that md-dialog-container?
3
votes
1 answer

Console Error in $element, while using $mdDialog of AngularJS Material

I'm trying to solve this error that shows in the console, it only occurs on the server, in my localhost the modal works correctly. Here's the error (click to open its link): I have a view with the controller: .when('/aseguradora', { …
zerokira
  • 167
  • 10
3
votes
1 answer

is there a way to change the color of the outside area in a mddialog?

Hello I am trying to change the color of a simple md dialog outside area from a dark transparent color to a different one it could either be darker or brighter, is this possible? Thank you for your help! code from…
paul590
  • 1,385
  • 1
  • 22
  • 43
3
votes
0 answers

Angular4 async pipe is losing observer reference with mdDialog

Let's say I have a component named FooComponent and in the html template there is an element using an async pipe [data]="messageService.messages | async". In MessageService, the property messages is a BehaviorSubject: private _messages = new…
J-R Choiniere
  • 634
  • 5
  • 19
3
votes
1 answer

Passing Value Between Angular Components via a Function for Triggering Dialog Overlay

In my Angular app, I have a component with a function that opens a dialog overlay. I am trying to figure out how to pass some data from the originating component to this dialog component (EnrollingProcessComponent). This is not a parent-child…
Muirik
  • 6,049
  • 7
  • 58
  • 116
3
votes
2 answers

What scoped CSS selector allows me to override the mdDialog container width?

Given a typical Angular Material dialog, which has a max-width of 80vw set on .mat-dialog-container, how can I formulate a selector to override it? I'd like a true full-width dialog. The problem is scoping--Angular-CLI compiles component CSS with…
isherwood
  • 58,414
  • 16
  • 114
  • 157
3
votes
1 answer

Angular2 MdDialog doesn't show the content, only show the window

I try to use MdDialog to popup a window. But it only shows a window with blank. There is no content in it. dialog.component.ts: import {Component, NgModule, ViewContainerRef} from '@angular/core' import {BrowserModule} from…
codemonkey
  • 331
  • 1
  • 4
  • 16
3
votes
1 answer

material-ui - change height, paddingTop of Dialog

I am trying to have a dialog's height change to make to display all content inside it. Also, I want to reduce the padding-top of modal to give me more space .... How could I do it? Thanks,
Trong Phan
  • 149
  • 3
  • 11
3
votes
2 answers

No provider for MdDialogRef

I reoponed this issue since it didn't solve my problem in a similar discusion. I still have the error 'No provider for MdDialogRef' even after i followed the official tutorial step by step. I have two components. First component : import { MdDialog}…
Kivo
  • 385
  • 8
  • 24
3
votes
1 answer

MD Dialog Material Angular 2 wait for close

I have a dialog with yes and no options(confirmation box). I want to wait till the user press yes or no button from dialog, but right now on button click, even before clicking the options in dialog box, console log prints initial/empty…
Malik Shahzad
  • 6,703
  • 3
  • 37
  • 49
3
votes
1 answer

md-dialog not recognizing angular filter

I am using Angular Material's md-dialog feature but having some issues getting the date filter working. Maybe someone can spot it and let me know if they have any idea on how to make this work. I can see that {{item.presentation.end_time}} and…
missgg
  • 93
  • 2
  • 12
3
votes
2 answers

Angular Material md dialog locals giving unknown provider error

I am trying to pass a variable with the md dialog service but it is giving me unknown provider error for the md dialog service What I have tried so far is as follows - $mdDialog.show({ controller: 'SignInModalController', …
Harshit Laddha
  • 2,044
  • 8
  • 34
  • 64
3
votes
1 answer

mdcolors not working in mddialog for Angular Material

I have an mddialog that tries to use md-colors to set a backGround color of a div in a dialog. However it is not respecting the current theme, instead defaulting to the blue theme. md-colors="{backgroundColor: 'primary'}" Is this a known issue? …
ed4becky
  • 1,488
  • 1
  • 17
  • 54
1
2
3
…
11 12