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

How to create a Google Inbox like design with ResponsivePanel

2 Answers 208 Views
ResponsivePanel
This is a migrated thread and some comments may be shown as answers.
Stefan
Top achievements
Rank 1
Stefan asked on 22 May 2015, 12:57 PM

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 Answers, 1 is accepted

Sort by
0
Accepted
Iliana Dyankova
Telerik team
answered on 26 May 2015, 08:35 AM

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!
 
0
Stefan
Top achievements
Rank 1
answered on 26 May 2015, 03:10 PM

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

Tags
ResponsivePanel
Asked by
Stefan
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Stefan
Top achievements
Rank 1
Share this question
or