Modals not scaling with view

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




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

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.

Thank you this works perfectly.


Thanks again

Sam

Hi Sam,


Glad to hear that.

Best regards.