I want to build an MVC application which will be able to auto-adjust based on client's screen resolution...

Question

5.00/5 (1 vote)

See more:

I am building a ASP .NET MVC2 application. I want to make the UI such that the application is able to auto adjust the UI resolution(size) based on the client's monitor or other display device(Mobile,Tabs). How can i do that???

The UI will be containing the data controls and some content.

I am new to UI design.Please help me in finding in solution......

Posted 15-Oct-13 3:27am

Nkumary

Add a Solution

2 solutions

Solution 2

check the below links about media queries

http://devnet.kentico.com/Blogs/Thomas-Robbins/December-2012/Introducing-CSS-3-Media-Queries.aspx[^]

http://weblogs.asp.net/dwahlin/archive/2012/05/22/getting-started-with-css-media-queries.aspx[^]

Hope this helps

Posted 15-Oct-13 6:28am

JoCodes

Comments

Nkumary 28-Oct-13 8:21am

Dear JoCodes from my searches i have found two approach for my problem.
First is that i use the media queries as told by you, and thanks for that.
Second i can go for Open source Twitter Bootstrap package which helps in Responsive design.

I am bit confused and would like to know which approach is more flexible and simple.

JoCodes 29-Oct-13 0:48am

Bootstrap internally uses Media Queries only. As Sampath has pointed out you can leverage the use of a framework and its capabilities if going for TBT as well as fast development.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sampath Lokuge · Accepted Answer · 2013-10-15T03:36:00

Solution 1

For Responsive Design you have to use Bootstrap as your UI template.
So I have written an article about How to use Twitter Bootstrap with Asp.Net MVC.You can check that for get basic knowledge about how to integrate TBT with MVC.

How to use Twitter Bootstrap with Asp.Net MVC

For more about Bootsrap : Getting Started Bootstrap

I hope this will help to you.

Posted 15-Oct-13 3:36am

Sampath Lokuge

Updated 15-Oct-13 22:50pm

v3

Comments

Nkumary 16-Oct-13 2:50am

Thanks i will check it out...

Sampath Lokuge 16-Oct-13 4:54am

Glad to hear that it helped.If you feel this is the solution,Accept it as an answer.It'll help for the user who will have the same problem in future.

Nkumary 28-Oct-13 8:22am

Dear Sampath from my searches i have found two approach for my problem.
First is that i use the Twitter bootstrap as told by you, and thanks for that.
Second i can go for Open source Media queries package which helps in Responsive design.

I am bit confused and would like to know which approach is more flexible and simple.

Sampath Lokuge 28-Oct-13 8:28am

Yep,Actually When you use TBT its inbuilt having that media query feature. So you don't worry about that.When you use TBT,You'll have lots of other inbuilt features which will help for you in future.So my strong feeling is use TBT.

Sampath Lokuge 28-Oct-13 8:38am

And also its very easy to use and maintain :)