Make a VSD site adjust to the screen...

User 2387231 Photo


Ambassador
122 posts

How can I make my VSD site (CoffeeCupWebDesign.com) adjust to the screen size of each user that visits it, rather than it being a set size?
Christopher Wilder
User 187934 Photo


Senior Advisor
20,271 posts

You really don't want to even attempt to get vsd to do this. Not all is lost.:) You can use a redirect script to send users to another site that's geared to mobile devices. Paste this to the head of your pages and adjust the mobile/index.html to your needs.:cool:
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile/index.html";
}
//-->
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2387231 Photo


Ambassador
122 posts

Ok, thank you! So, to make a mobile site, would I have to make an entirely new site, with different dimensions?:rolleyes:
Christopher Wilder
User 187934 Photo


Senior Advisor
20,271 posts

Yes that is the idea. It's really not that hard. If you want you could slip into the html editor. There's been a lot of talk about responsive web design.:cool:
http://www.coffeecup.com/forums/website … web-sites/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 464893 Photo


Ambassador
1,611 posts

Actually Eric I have been doing some testing of different routines and the redirect even on my old clunker is unnoticeable. My opinion is that a display created for a large screen even if a lot of re arrangement is made there must be one huge compromise. I would think also it would be possible to give phone users the option to go to a larger screen size if they wish for each page they are redirected to.
I see that as a fast way to create the site for all users.
I just read through the threads and it looks like that was your comments I am echoing. I am actually looking into adding a form action to pass that info to a php script as in my case I wanted to insert some CMS text it could choose a different source. The process would be totally unnoticed and with the speed of servers today it is amazing how much can be achieved before the eye blinks.
The Guy from OZ


User 386766 Photo


Registered User
3 posts

Eric,

I tried using your trick but I'm not sure I'm doing it right...

I use the HTML button on VSD and put the text on your example under "head" and directing it to a page that I programed to be viewed on smartphones, but it doesn't redirect over there...

Any idea what could be wrong?

Thanks,

H
User 187934 Photo


Senior Advisor
20,271 posts

How about a link?:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2387231 Photo


Ambassador
122 posts

So I can't make it so it kind of stretches if a larger screened computer accesses the site? kind of like coffeecup.com ?
Christopher Wilder
User 187934 Photo


Senior Advisor
20,271 posts

It kinda stretches? Only if you make it in the html editor. The redirect is detecting the screen size and sending the user where you think they should be for their screen size. This is always going to be an issue because of all the different screen sizes. In VSD the best thing to do is to take a look at your site on the screen size your designing for and decide what devices should be sent there.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.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.