How can I allow for more content text...
Jennifer Denton
Registered User
8 posts
In Visual Site Designer, if the amount of body/content text I would like to include on a page is larger than the page, how can I get it to create a scroll bar on the side to allow for all of the text/copy without re-sizing the page itself? Is this possible? If not, any suggestions? Thanks!!
paintbrush
Ambassador
3,816 posts
Hi Jennifer,
You can do this with an Iframe or a bit of html. If you're not familiar with html, the Iframe would be the easiest way to go. Search the forum and you'll find examples of how to do this (or Google Iframe). Copy the Iframe code then -
Create a new blank page (and name it) in VSD (you could make the background the same color as your other pages if you want it to blend in more). Decide the height and width for your Iframe (scrolling box) to be, then on your new page, start your content in the upper left corner and make it as long as you want but no wider than your Iframe dimension (or you'll have to scroll side to side as well as up and down). Now go to the page you want your Iframe on and use the html tool to insert a box on the page. While the box is highlighted, you'll see an option to edit html on the object docker. Click that and you'll open a box to paste your Iframe code into. Be sure to change the code to your specifications; height and width, border-no border, etc., and your file name (not the VSD file name, but the actual webpage name, for example: mysite.com/our_menu or mysite.com/news -
You wont see the scrollable content within VSD, just the html box, but it will be there when you preview the site.
Here's one example from Inger (http://www.coffeecup.com/forums/html-ed … me-iframe/):
You can do this with an Iframe or a bit of html. If you're not familiar with html, the Iframe would be the easiest way to go. Search the forum and you'll find examples of how to do this (or Google Iframe). Copy the Iframe code then -
Create a new blank page (and name it) in VSD (you could make the background the same color as your other pages if you want it to blend in more). Decide the height and width for your Iframe (scrolling box) to be, then on your new page, start your content in the upper left corner and make it as long as you want but no wider than your Iframe dimension (or you'll have to scroll side to side as well as up and down). Now go to the page you want your Iframe on and use the html tool to insert a box on the page. While the box is highlighted, you'll see an option to edit html on the object docker. Click that and you'll open a box to paste your Iframe code into. Be sure to change the code to your specifications; height and width, border-no border, etc., and your file name (not the VSD file name, but the actual webpage name, for example: mysite.com/our_menu or mysite.com/news -
You wont see the scrollable content within VSD, just the html box, but it will be there when you preview the site.
Here's one example from Inger (http://www.coffeecup.com/forums/html-ed … me-iframe/):
You don 't need any plug-in, using iframe is quite simple, just like inserting a picture.
This is the code you need:
<iframe name="some_name" marginWidth=0 marginHeight=0 src ="your_file.html"
frameBorder=0 width="105" height="22" scrolling=no></iframe>
Replace the 'some_name' and 'your_file' with the names you are giong to use. The other settings (margins, height, width, border, scrolling) can be edited to reflect what you want.
This is the code you need:
<iframe name="some_name" marginWidth=0 marginHeight=0 src ="your_file.html"
frameBorder=0 width="105" height="22" scrolling=no></iframe>
Replace the 'some_name' and 'your_file' with the names you are giong to use. The other settings (margins, height, width, border, scrolling) can be edited to reflect what you want.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
