iframe gray border

Radha Padmasolala's Avatar

Radha Padmasolala

09 Jul, 2014 08:51 PM

I created a page and embedded an iframe in it . in the iframe I am embedding a pdf with the following code.

<p style="padding: 0px;"><iframe width="710" height="520" hspace="0" vspace="0" frameborder="no" src="http://www.uta.edu/oit/about-us/OIT-orgchart.pdf" tyle="background-color: black;"></iframe></p>

there is a gray border around the pdf file showing the org chart i attached the file.

  1. 1 Posted by Ryan Griffith on 10 Jul, 2014 12:20 PM

    Ryan Griffith's Avatar

    Hi Radha,

    What browser(s) are you seeing the border in? Do you have a published URL that I can take a look at?

    It sounds as though there may be CSS applied to the iframe that is causing the border to appear. One thing you can try is to add style="border:0" to the <iframe> tag to force no border styling to be applied.

    Please let me know if you have any questions.

    Thanks!

  2. 2 Posted by Padmasolala, Ra... on 10 Jul, 2014 03:27 PM

    Padmasolala, Radha's Avatar

    Here is the published page I am talking about,

    http://www.uta.edu/oit/about-us/OITorgchart.php

    You see a gray border around the page.

    Also when I click on one of the links on the pdf, it goes to the managers profile or content area and that is also surrounded by the gray border,

    The other issue is these links open in the frame for IE and Firefox but generate a completely new page for chrome. You can try and see what I mean.

    Thank you,
    Radha

  3. 3 Posted by Ryan Griffith on 10 Jul, 2014 07:21 PM

    Ryan Griffith's Avatar

    Thank you for providing the link, Radha. This sounds like more of a PDF rendering problem rather than a Cascade Server problem, but I can certainly try to help.

    Just to clarify, are you referring to the gray within the iframe, or the border around the iframe in your original screenshot?

    If you are referring to the gray within the iframe, I believe that is built into the PDF renderer and there really isn't much you can do about that. Specifically, when zooming out, you will notice the gray area gets larger and when zooming in it should get smaller. There are some parameters available when opening PDFs, but I am not sure if they are applicable when rendering inline like that. If they are, perhaps the view parameter might help.

    As for the links, again this sounds like the PDF itself and how they are handled by the browser.

    Please let me know if you have any questions.

    Thanks!

  4. Ryan Griffith closed this discussion on 17 Jul, 2014 12:10 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac