How to implement responsive layouts for gridview based on device screensize

Question

0.00/5 (No votes)

See more:

how to implement responsive layouts for gridview in asp.net,based on screen size the the gridview will respond like that size.
please any any information to me.

Posted 29-Jul-14 20:03pm

krish2013

Add a Solution

Comments

AndrewCharlz 30-Jul-14 2:27am

you can use the existing grid but the only thing is when u use a grid in mobile display that won look good just build a dynamic table of ur own show the op exactly like one column each row has all the data as a list and set the width as 100% which will get adjusted in all the screen.

2 solutions

Add a Solution

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

vyas_pratik20 · Answer 1 · 2014-07-29T22:29:00

Solution 2

hi krish,

Normally mobile devices dose not follow (use) same view you are using for desktop.

to target mobile device you should use Listview (jquery Mobile),you can use frame work Like JQM and twitter bootstrap

Posted 29-Jul-14 22:29pm

vyas_pratik20

Comments

krish2013 30-Jul-14 5:28am

Hii Vyas,
Thank you for reply to me.right now i am using bootstrap,but it's not working for responsive layouts for gridview.and i am using footable libraries that one also not working properly.please provide any alternative solution with example.

vyas_pratik20 31-Jul-14 1:58am

Hi krish, you should design different layout for mobile and you should display data using List view http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/listviews/
again user click on a record it will show all detail of the record

prasanna.raj · Answer 2 · 2014-07-29T20:20:00

Solution 1

Hi,

First Download free responsive layout from google and shortout the code apply to gridview css style simple...

Posted 29-Jul-14 20:20pm

prasanna.raj

How to implement responsive layouts for gridview based on device screensize

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

How to implement responsive layouts for gridview based on device screensize

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us