Scrolling Bars

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hello There,

How do I add an iframe without the scrolling bars to my site? Thank you for your support.

Luis
Photo of LuisF

LuisF

  • 5 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello Luis,

Thank you for your message. If you would like to add scroll bars to your website, you will need to do a little bit of HTML coding to achieve this. You can use either the HTML button on your Text Editing Toolbar or use an HTML Widget to add the following code (do not copy the <!--- at the beginning or ---> at the end):

<!--<div style="border: 2px solid black; overflow: scroll; width: 200px; height: 200px;"> Add your text here</div>-->

The following can be adjusted:

* border: 2px (refers to thickness of border).
* black: you can change to a color of your choice.
* width: 200px.
* height: 200px.

Tip: If you add your code to your Text Widget, you can type directly into the box!

I hope this helps. Please let me know if you need further assistance!
Photo of LuisF

LuisF

  • 5 Posts
  • 0 Reply Likes
Hi Brianna, thank you for your quick answer. Maybe I didn't explained my self properly. I am trying to add a an external web page to my site so you can see it without leaving my yola site but every time I paste the code

Your browser does not support iframes.

I get the scroll bars and I don't want them to be there. I just want people to see the entire web page without the scroll bars. Do I have to add more area to my yola site? Thank you!
Photo of LuisF

LuisF

  • 5 Posts
  • 0 Reply Likes
this is the code what I suposed to paste:

<!---<br/><iframe src ="http://www.anywebsite.com" width="100%" height="300"><br/><p>Your browser does not support iframes.</p><br/></iframe><br/>---->
Photo of LuisF

LuisF

  • 5 Posts
  • 0 Reply Likes
I just realized how to do it. After dropping the widget text and then added the HTML code I just changed the margins of the text box for the width and changed the code height. Thanks!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi! Here is a tip. If you have an iframe and you want to hide the scroll bars, just use this code:



<!--

<iframe src ="http://www.anywebsite.com" width="100%" height="300" scrolling="no"><br/><p>Your browser does not support iframes. However, we will still <a href="http://anywebsite.com/">link you</a> to the file. </p><br/></iframe>

-->



Hope this helps!

Nathan
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
I also added in a part for the your browser doesn't support frames message. I added in a link so if somebody's browser doesn't support frames, they can still use the frame.
Photo of LuisF

LuisF

  • 5 Posts
  • 0 Reply Likes
Thanks Nathan! Worked perfectly!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Awesome! So glad it worked!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Sorry for our misunderstanding LuisF, we're thrilled you were able to implement the look you were after.

Thanks for your excellent support as usual Nathan!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
No problem Laura! :)