Any way to change the white "gutter color" between pages in IN_LINE mode? (Or remove entirely?)

Community Beginner ,
May 29, 2020 May 29, 2020

Copy link to clipboard

Copied

r002_0-1590781966616.png

 

I have a PDF with a dark grey-black blackground.  And I'm putting it on a website with an orange color background using the IN_LINE mode.  But there's a white-colored "gutter" that appears between the pages of my PDF.  Is there an option anwhere to either change the "gutter color" or remove the gutter completely?  Please advise; thank you!

Views

130

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Employee , May 29, 2020 May 29, 2020
Thanks for using View SDK. There is no way you can remove the gutter that appears between the PDF, although you can change the color by providing the hashcode of your desired color as shown below. <div id="adobe-dc-view" style="width: 800px;"></div> <script src="https://documentcloud.adobe.com/view-sdk/main.js"></script> <script type="text/javascript"> document.addEventListener("adobe_dc_view_sdk.ready", function(){ var adobeDCView = new AdobeDC.View({ clientId: "<YOUR...

Likes

Translate

Translate
Adobe Employee ,
May 29, 2020 May 29, 2020

Copy link to clipboard

Copied

Thanks for using View SDK. There is no way you can remove the gutter that appears between the PDF, although you can change the color by providing the hashcode of your desired color as shown below.

<div id="adobe-dc-view" style="width: 800px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
	document.addEventListener("adobe_dc_view_sdk.ready", function(){ 
		var adobeDCView = new AdobeDC.View({
                       clientId: "<YOUR_CLIENT_ID>", 
                       divId: "adobe-dc-view", 
                       backgroundColor: "<HASH_CODE_FOR_COLOR>"
                });
		adobeDCView.previewFile({
			content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
			metaData:{fileName: "Bodea Brochure.pdf"}
		}, {embedMode: "IN_LINE"});
	});
</script>

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 18, 2020 Jun 18, 2020

Copy link to clipboard

Copied

LATEST

This works for me!  Thank you, Shubhanshu!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines