python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - modal-dialog

Keep a button disabled until user reach the end of a text paragraph in Angular Material Dialog

I'm using MatDialog of Angular Material to display a text paragraph and a button at the end. How to keep the button disabled until the user scroll down and reach the bottom end of that paragraph using...
test-img

Ghassen

angular

scroll

angular-material

modal-dialog

Votes: 0

Answers: 1

Latest Answer

You can do this by using the scroll event: <mat-dialog-content (scroll)="onScroll($event)"> all your content here... </mat-dialog-content> <mat-dialog-actions align="en...
test-img

Michael Doye

Karma-jasmine How i test a close function in a modal

I need to test this, but I'm new testing and I do not have idea, I'm working with angular, I just want to test the close function and maybe if it renders. This is the html. <div class="modal a...
test-img

Jhon Serna

javascript

angular

testing

modal-dialog

karma-jasmine

Votes: 0

Answers: 1

Latest Answer

In order to test if EventEmitter emits an event when clicking on background div, you should write a test using spyOn like this: it('should emit event for closing a modal on click event on background d...
test-img

Chaka15

Have the code for video modal, It has a button as the trigger. I want to use simple text as the trigger

This code works great to open a video. But it uses a button as the trigger. I need to fire it off with simple text instead of a button. <!doctype html> <html> <head> <meta charset...
test-img

Michael Reyes

video

text

triggers

modal-dialog

Votes: 0

Answers: 1

Latest Answer

Just don't use the button? You can use a normal span with the proper data- attributes, and it works the same. <!doctype html> <html> <head> <meta charset="utf-8"> <...
test-img

Siddharth Bhansali

modal doesn&#39;t show when placed inside a div that has a show/hide function

I have a straightforward multi-image modal set up which works perfectly. However, the page I am trying to integrate it on is set up as follows: I have a header, a set of links to the left, and a main ...
test-img

Angela S.

javascript

modal-dialog

show-hide

Votes: 0

Answers: 1

Latest Answer

the listeners are removed when content is swapped, add image listeners there instead: var modal = document.getElementById('myModal'); var images = document.getElementsByClassName('img'); var modal...
test-img

traynor

Posts

Questions

Blogs

Jobs