Full Window Embed not tall enough

[royalones]

I've been able to embed a fillable PDF form onto a web page, but only the top portion of the form is viewable.  All of the functions are there (scroll, fill, ect), but the full form is now viewable.  I do not see an option to finetune the script to deal with this.  PLUS, I am not coder so I need help to resolve this.

Page Link: https://www.charrettechurch.com/INFO-FORM

Script Used:

<div>
<div id="adobe-dc-view">
<br />
</div>
<script src="https://acrobatservices.adobe.com/view-sdk/viewer.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function(){
var adobeDCView = new AdobeDC.View({clientId: "4473829451834cca8e0406036cb52681", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content:{location: {url: "https://faithconnector.s3.amazonaws.com/charrettechurch/files/Documents/information_form.pdf"}},
metaData:{fileName: "Information Form.pdf"}
}, {});
});
</script>
<br />
</div>

[royalones · Accepted solution]

I was able to edit by adding: <div id="adobe-dc-view" style="width:900px;height: 950px;">

That gave me the entire file in the window.  Now I am having an issue with an action built into the form.  I have a SUBMIT action to email the form to an address, but when clicked I get the following error: FORM DATA CANNOT BE SUBMITTED TO PROVIDED SERVER

When the file is opened in any reader the link works as it should.  I'm stumped.

[Meenakshi Negi]

Hi royalones,

Thank you for reaching out.

Glad to know that the issue is resolved. We appreciate you sharing the resolution here, which will help other users with similar issues.

Thanks,

Meenakshi

Marking a reply or response “Correct” will help future users with the same issue quickly identify the correct answer.