Thanks
With Regards
Abhishek Rajiv Luv
"Helpful then please Mark as Answer"
http://www.codeabstract.com/
http://pluralsight.com/training/users/abhishekluv
the templates which come with WebMatrix 2 are already mobile aware and there are 2 great extensions for free to be installed: iPhone and iPad simulator.
Grz, Kris.
Read my blog | Twitter Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
Thanks
With Regards
Abhishek Rajiv Luv
"Helpful then please Mark as Answer"
http://www.codeabstract.com/
http://pluralsight.com/training/users/abhishekluv
Marked as answer by Angie xu - MSFT on Jan 08, 2013 01:55 AM
There are a couple of approaches to this. One is using a a flexible grid system like the Twitter Bootstrap (Google it). This will adjust the columns based on screen size.
The most important thing to remember is the user experience. For that you have to consider an approach that works best for your project. For the project I'm working on now - I'm using Responsive Design concepts using media queries. There are a good resources
available online to get started with responsive design. Visit css-tricks.com and search for responsive design. You will find well explained articles weighing the pros and cons of different approaches.
Good luck!
Marked as answer by Angie xu - MSFT on Jan 08, 2013 01:54 AM
Either redesign your entire front end of your site to use the template of your choice or simply create a
_SiteLayout.Mobile.cshtml with the mobile template with more info on doing so
here
My multimedia major project: http://www.surgestuff.com | Please mark me as answer if I helped
Marked as answer by Angie xu - MSFT on Jan 08, 2013 01:55 AM
wavemaster
Participant
1279 Points
1125 Posts
Adapting my site to smartphones - looking for information
Jan 01, 2013 01:57 PM|LINK
I would like to costumize the HTML delivery of my site and I am looking for information and examples.
I did read something many months ago how you can detect the screen size and then deliver content specifically for the smaller size.
Can someone point me in the right direction?
TIA
Robert
Abhishek Luv
Participant
1736 Points
468 Posts
Re: Adapting my site to smartphones - looking for information
Jan 01, 2013 02:02 PM|LINK
Yes
You can use this. If your using StarterSite Template then you already have this code in your _SiteLayout.cshtml file.
With Regards
Abhishek Rajiv Luv
"Helpful then please Mark as Answer"
http://www.codeabstract.com/
http://pluralsight.com/training/users/abhishekluv
XIII
All-Star
182674 Points
23445 Posts
ASPInsiders
Moderator
MVP
Re: Adapting my site to smartphones - looking for information
Jan 01, 2013 02:04 PM|LINK
Hi,
the templates which come with WebMatrix 2 are already mobile aware and there are 2 great extensions for free to be installed: iPhone and iPad simulator.
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
wavemaster
Participant
1279 Points
1125 Posts
Re: Adapting my site to smartphones - looking for information
Jan 01, 2013 02:12 PM|LINK
Kris,
I have built my site using the starter site template. Is that template mobile aware?
Secondly, I did play with the node.js template and the two extensions you mentioned. Do these extensions also work with the starter site template?
Do you know of any tutorials that show how to adapt an existing Webmatrix site, detect screen size and deliver adjusted content for a smartphone?
Abhishek Luv
Participant
1736 Points
468 Posts
Re: Adapting my site to smartphones - looking for information
Jan 01, 2013 02:17 PM|LINK
Here you go
Mike Sir has a article on it
http://www.mikesdotnetting.com/Article/163/Building-Mobile-Apps-with-WebMatrix-and-jQuery-Mobile
With Regards
Abhishek Rajiv Luv
"Helpful then please Mark as Answer"
http://www.codeabstract.com/
http://pluralsight.com/training/users/abhishekluv
XIII
All-Star
182674 Points
23445 Posts
ASPInsiders
Moderator
MVP
Re: Adapting my site to smartphones - looking for information
Jan 01, 2013 02:27 PM|LINK
Hi,
Sure, why not? It would be rather pointless if an extension would only work with one specific template no?
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
davidsa
Member
210 Points
126 Posts
Re: Adapting my site to smartphones - looking for information
Jan 01, 2013 09:59 PM|LINK
There are a couple of approaches to this. One is using a a flexible grid system like the Twitter Bootstrap (Google it). This will adjust the columns based on screen size.
The most important thing to remember is the user experience. For that you have to consider an approach that works best for your project. For the project I'm working on now - I'm using Responsive Design concepts using media queries. There are a good resources available online to get started with responsive design. Visit css-tricks.com and search for responsive design. You will find well explained articles weighing the pros and cons of different approaches.
Good luck!
mhcodner
Member
219 Points
86 Posts
Re: Adapting my site to smartphones - looking for information
Jan 06, 2013 12:43 PM|LINK
If you would like your mobile site to look different to your desktop version I would suggest using: