Looking for a small example of 'Responsive Design'

5 posts, 1 answers
  1. Boris
    Boris avatar
    289 posts
    Member since:
    Oct 2012

    Posted 10 Dec 2012 Link to this post

    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.
  2. Answer
    Jeff Fritz
    Jeff Fritz avatar
    2 posts
    Member since:
    Mar 2012

    Posted 11 Dec 2012 Link to this post

    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.
  3. SUNIL
    SUNIL avatar
    245 posts
    Member since:
    Jan 2004

    Posted 19 Apr 2016 in reply to Jeff Fritz Link to this post

    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?





  4. Marin Bratanov
    Marin Bratanov avatar
    4012 posts

    Posted 22 Apr 2016 Link to this post

    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:


    Marin Bratanov
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  5. SUNIL
    SUNIL avatar
    245 posts
    Member since:
    Jan 2004

    Posted 22 Apr 2016 in reply to Marin Bratanov Link to this post

    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.




Back to Top