Great! Responsive Widgets! Now what am I missing?

6 posts, 0 answers
  1. Tim
    Tim avatar
    3 posts
    Member since:
    Nov 2013

    Posted 20 Nov 2013 Link to this post

    I've gone over to the demos and the widgets aren't responsive.  Ok so maybe you haven't updated the website.  
    So where is the documentation?  I blame it on my add
  2. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 21 Nov 2013 Link to this post

    Hello Tim,

    When you browse the following online demos:
    http://demos.kendoui.com/mobile/adaptive/scheduler.html
    http://demos.kendoui.com/mobile/adaptive/grid.html

    from desktop and mobile devices, the grid and scheduler should automatically adapt to the viewport.

    The rest of the online demos of our Web and DataViz widgets are designed for desktop viewing, however when you use our widgets in your apps they should utilize some mobile viewport improvements when rendered.

    I hope this explanation clarifies what to expect from our Web and DataViz widgets in terms of adaptive rendering.

    Kind regards,
    Sebastian
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Tim
    Tim avatar
    3 posts
    Member since:
    Nov 2013

    Posted 21 Nov 2013 Link to this post

    Well, I'm messing around with k-menu and I'm not really seeing how it is supposed to "automatically adapt" to the viewport.  Can I edit the breakpoints?  What are the breakpoints?  And why do they not seem to be working?  I would dig into the source code myself but it's minified :(
  4. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 22 Nov 2013 Link to this post

    Hello Tim,

    Each widget has a default way of resizing within containers, and that is part of their responsive design. For a good illustration on how to use the widgets in a responsive page, see the integration demo of Kendo UI and Twitter Bootstrap. In particular, changing the menu layout will still require you to set the responsive breakpoints manually.

    Regards,
    Alex Gyoshev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Tim
    Tim avatar
    3 posts
    Member since:
    Nov 2013

    Posted 22 Nov 2013 Link to this post

    Correct me if I'm wrong, but that's bootstrap providing the responsiveness in the menu for this example.  Does kendo's menu widget provide a method of making it responsive?
  6. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 25 Nov 2013 Link to this post

    Hello Tom,

    The "responsiveness" of the menu is provided by a media query, not by bootstrap:

    @media (max-width: 767px) {
        .k-menu.k-menu-horizontal .k-item {
            float: none;
        }
    }

    The menu allows you to change its size gracefully via its em-sizing (if you change the font-size), if you want to make the links bigger on smaller.

    If that is not what you expect, please elaborate where it falls short.

    Regards,
    Alex Gyoshev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

    @media (max-width: 767px) {
        .k-menu.k-menu-horizontal .k-item {
            float: none;
        }
    @media (max-width: 767px) {
        .k-menu.k-menu-horizontal .k-item {
            float: none;
        }
Back to Top