How to create a Google Inbox like design with ResponsivePanel

3 posts, 1 answers
  1. Stefan
    Stefan avatar
    4 posts
    Member since:
    Jan 2014

    Posted 22 May 2015 Link to this post

    I want to create a Layout which is similar to what's shown on the "What's New"-page but the actual Demo is pretty different.

    Is it possible to create something like what you can see on the screenshot with pure Kendo UI elements or is additional styling / other Material Design libraries needed?

    PS: I want to implement this in angular js

  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2594 posts

    Posted 26 May 2015 Link to this post

    Hi Stefan,

    The idea of the Kendo UI ResponsivePanel widget is to provide toggle functionality - on large screen the content looks "normal", while on smaller screens the content is hidden and displayed after clicking on the "hamburger" button. Different outcomes can be applied using custom HTML / CSS. For working examples check the following examples: 
    - Link 1
    - Link 2

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Stefan
    Stefan avatar
    4 posts
    Member since:
    Jan 2014

    Posted 26 May 2015 Link to this post

    Hi Illiana,

    thanks for your reply, I will probably go with mixing angular-material and kendo-ui to receive my desired styling.

    If anyone is still interested how to do it with pure kendo-ui here is a tryout I did that worked pretty well: http://dojo.telerik.com/ETOvo

    BR, Stefan

Back to Top