Skip to main content
Participating Frequently
May 29, 2020
Answered

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

  • May 29, 2020
  • 1 reply
  • 1578 views

 

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!

    This topic has been closed for replies.
    Correct answer Shubhanshu Dixit

    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>

     

    1 reply

    Shubhanshu DixitCorrect answer
    Adobe Employee
    May 30, 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_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>

     

    r002Author
    Participating Frequently
    June 18, 2020

    This works for me!  Thank you, Shubhanshu!