Free Support Forum - groupdocs.com

Modals not scaling with view


#1

Hi


I’m running into an issue when I scale down the page size, all pages of the document loaded in the signature frame are scaled down, however the confirmation modals do not resize.

See video of the issue:
http://screencast.com/t/yxt8CF2xsQC

(notice the pages in the background are re sizing fine, while the modal retains it’s size)

I need the modal to scale correctly in order to complete the signing process on smaller view width devices. At the moment I can’t access the confirm buttons because the modal is too large.

See video on small device:
http://screencast.com/t/JOhnL6Et8wb

Is there a way for me to get around this and make the modal appear at the correct scale?

Thanks

Sam





#2

I believe the issue is caused by the view being embedded in an iframe


#3

Hi Sam,


Thank you for the request. You can use this code to override default styles and make the modal appropriate size automatically:
@media (max-width: 767px) {
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
}

@media (max-width: 480px) {
.modal {
top: 10px;
right: 10px;
left: 10px;
}

.modal-header .close {
padding: 10px;
margin: -10px;
}
}

You should put this code to the head section of the web page with the Signature block (which you open in the iframe).

Best regards.

#4

Thank you this works perfectly.


Thanks again

Sam

#5

Hi Sam,


Glad to hear that.

Best regards.