Skip to main content
royalones
Participant
July 26, 2023
Answered

Full Window Embed not tall enough

  • July 26, 2023
  • 2 replies
  • 621 views

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>

This topic has been closed for replies.
Correct answer royalones

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.

2 replies

Meenakshi_Negi
Legend
July 31, 2023

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.

royalones
royalonesAuthorCorrect answer
Participant
July 27, 2023

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.