Skip to main content
Participating Frequently
May 29, 2020 7:56 PM UTC
Answered

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

 

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 is closed to new replies. Start a new post to keep the conversation going.
    Shubhanshu DixitCorrect answer
    Adobe Employee
    May 30, 2020 5:40 AM UTC

    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>

     

    5 replies

    Shubhanshu DixitCorrect answer
    Adobe Employee
    May 30, 2020 5:40 AM UTC

    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>

     

    Translate
    r002Author
    Participating Frequently
    Jun 18, 2020 11:12 PM UTC

    This works for me!  Thank you, Shubhanshu!

    Translate