This is a migrated thread and some comments may be shown as answers.

Looking for a small example of 'Responsive Design'

4 Answers 216 Views
Documentation and Tutorials
This is a migrated thread and some comments may be shown as answers.
Boris
Top achievements
Rank 1
Boris asked on 10 Dec 2012, 02:58 PM
I know absolutely nothing about responsive design.  

I was wondering if someone could point me to some small example of this.  

What I'd like is to set up (hopefully quickly) two extremely simple pages in my web app to be compatible with multiple devices.  

One page contains a RadGrid with only a few columns and a template popup with a few controls including a RadEditor.

The other page contains two RadComboBoxes, a RadEditor, and two buttons.

4 Answers, 1 is accepted

Sort by
0
Accepted
Jeff Fritz
Top achievements
Rank 1
answered on 11 Dec 2012, 12:23 PM
A very simple example of responsive design is right in the box with Visual Studio 2012.  Start a new WebForms application or start a new MVC4 application with the "Internet Application" template. 

In both of these default templates issued by Microsoft, there is a responsive design used.  Try shrinking and enlarging the browser window to see the effect it has on the layout of the pages.
0
SUNIL
Top achievements
Rank 2
Iron
answered on 20 Apr 2016, 12:39 AM

Hello Jeff,

I had seen an excellent sample by you on the web where RadGrid was combined with KendoUI CSS to create a responsive and adaptive RadGrid on mobile devices. 

I cannot find that sample anymore. Would you have the URL for this sample?

Thanks

Sunil

 

 

0
Marin Bratanov
Telerik team
answered on 22 Apr 2016, 08:52 AM

Hello Sunil,

I doubt such a sample of Jeff's will be easy to find, but RadGrid has its own built-in mobile version now that adapts to small devices and is optimized for touch screens:

Regards,

Marin Bratanov
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
SUNIL
Top achievements
Rank 2
Iron
answered on 22 Apr 2016, 03:33 PM

Hello Marin,

I am familiar with current mobile rendering of RadGrid. But if he is not available or the sample cannot be found then it's fine.

The sample I was after was unique in that it imitated a a jquery listview on mobile devices as in following demo sample: http://demos.telerik.com/kendo-ui/m/index#mobile-listview/index.  He had used CSS from Kendo UI with a certain template in RadGrid to render the RadGrid like a jquery listview on mobile devices.

 

Thanks

Sunil

Tags
Documentation and Tutorials
Asked by
Boris
Top achievements
Rank 1
Answers by
Jeff Fritz
Top achievements
Rank 1
SUNIL
Top achievements
Rank 2
Iron
Marin Bratanov
Telerik team
Share this question
or