ng2-bootstrap-modal icon indicating copy to clipboard operation
ng2-bootstrap-modal copied to clipboard

no modal backdrop

Open padmanabanravikumar opened this issue 7 years ago • 4 comments

i din't get modal backdrop styles as like in original bootstrap styles.

padmanabanravikumar avatar Jul 03 '17 05:07 padmanabanravikumar

you can set backdrop by adding

`.modal { 
         ...
         background-color:  rgba(90,90,90,0.5);    //add this line in your modal class
}`

khaled-ansary avatar Jul 12 '17 16:07 khaled-ansary

The css somehow wasn't applied to my code. But got it running by passing some DialogOptions to the addDialog() method:

 let disposable = this
      .dialogService
      .addDialog(PromptDialog, {
        data: yourData
      }, { backdropColor: '#ccc' } ) // Configure your DialogOptions here
      .subscribe( result => {
        //We get dialog result
        if(result && result.confirmed) {
            alert('accepted');
        }
      });

Available DialogOptions can be taken from the readme in the very last paragraph.

xLarry avatar Aug 01 '17 12:08 xLarry

try with rgba color

AmitAKB avatar Aug 08 '17 14:08 AmitAKB

Looks good with: backdropColor: 'rgba(0, 0, 0, 0.5)',

brandonwilliams avatar Aug 10 '17 17:08 brandonwilliams