spModal prints transparent

[Community Alums]

Hi Community,

I am working on spModal and when page is printed(screenshot-1), spModal is transparent showing background page(Screenshot-2) making it harder to read. Can anyone suggest how can I make it opaque.

Thanks,

Vishal

[Community Alums]

Hi @Community Alums ,

Can you please send me the script I'll try in my PDI

Thanks 

Sarthak

[Community Alums]

Hi @Community Alums 

client script::

$scope.openMessage = function()
{

spModal.open({

title: 'Message,

message: "test popup", 

buttons: [

{label:'${Back}', cancel: true},

{label:'${Reply}', primary:true, focus: true}

],

size: 'lg',

});

}

HTML::

<button type="submit" ng-model="data.submit" class="btn btn-group btn-primary" ng-click="c.openMessage()">${View}</button>

[Community Alums]

Hi @Community Alums 

Can you please take reference from here 

https://stackoverflow.com/questions/58996110/printing-bootstrap-modal-window-returns-blank-page

Please mark my answer correct and helpful if this works for you

Thanks and Regards 

Sarthak

[Community Alums]

I dont think there is solution to this so best way to do is add "Print" button on spModal and print the Div using window.print().