Modals not scaling with view

GroupDocs.Signature Product Family
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.