iFrame - webpage too big Edited

How can I embed another site using iFrame but scale it so that it isn't as large in the iFrame box? The site is way too zoomed in... I have the page in a left column that can only be as wide as 400 so I'd like for the webpage within it to scale down at least 50%

 

I'm thinking I can enter something into "CSS Styles" box but I haven't a clue what to enter there.

1 answer

0 vote

Hi Alexandra,

You could try setting a specific width and height to your iframe, and then apply a scale transformation to it. 

For example:

<iframe width="XXX" height="XXX" src="http://www.atlassian.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

Let me know if this helps.

Kind Regards,
Shannon

Hey Shannon, thanks for helping! I tried entering your script into the "styles" box and it gave me the result as shown in picture '2' 

Picture 1 is what I was able to configure just entering 100% width and 640px Height.

Picture 2 is 100% width and 640px and <iframe style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

Picture 3 is what I would like it to look like instead.

Untitled.png

Hi Alexandra,

I used the HTML macro specifically and I tested with this code:

<iframe width="800" height="600" src="http://www.atlassian.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

Now my page looks like this:

Screen Shot 2017-11-15 at 5.46.11 PM.png

So with this, it shows the entire span of the webpage in miniature form. I think the only difference is I am putting pixels measurement for both height and width, so perhaps you can try that if you like the results I got?

Kind Regards,
Shannon

Hmm... the only HTML macro I have is 'HTML comment' and when I enter your code there, it returns a blank section?

Capture.PNG

Hi Alexandra,

Have a look at how to include iframe in Confluence since you will need to activate the HTML macro modules:

  1. Login as your Confluence Admin, go to manage add-ons
  2. Enable all the modules of the Confluence HTML Macros

Sorry for not mentioning this earlier.

Let me know if you have any trouble.

Kind Regards,
Shannon

Ah, thank you for letting me know. I may have to contact my admins, as I do not have the permissions I think.

No worries, but I think you could do the same thing in the add-on you were using. I just used this one because it's the only one I have.

The difference was that I set the pixel sizes for both height and width where you had previously only set the height and set width to 100%.

You could try that and if it doesn't work you can see if your admin will enable HTML macros for you.

Kind regards,

Shannon

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

2,798 views 26 10
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you