KendoUI simple stuff like checkboxes?

5 posts, 0 answers
  1. T
    T avatar
    15 posts
    Member since:
    Feb 2012

    Posted 31 Mar 2012 Link to this post

    UI Frameworks like Dijit routinely provide custom versions of all of the basic UI elements like buttons, radio buttons, checkboxes, toggle buttons, etc.

    Often there is little added functionality, but the controls are at least styled to conform with the selected theme.

    I can find no documentation on this sort of thing.  I was able to find and use the "k-button" class by looking at the page code of one of the KendoUI demo pages, but couldn't find docs for it.

    Am I missing something?

    I am particularly interested in icon toggle buttons.  In the demo of the KendoUI editor control the toolbar seems to use "k-tool-icon" and "k-editor-button" controls in the toolbar.  Are these documented anywhere?

    The KendoUI editor control uses browser-provided checkboxes, so Im guessing there's no kendo-specific styled one.  Is that right?
  2. T
    T avatar
    15 posts
    Member since:
    Feb 2012

    Posted 31 Mar 2012 Link to this post

    Okay I found the skimpy documentation of "primitives", but a lot of things seem not to be listed there, such as checkboxes and toggle buttons, so my question remains.

    http://www.kendoui.com/documentation/ui-widgets/appearance-styling.aspx
  3. Samuel PIckard
    Samuel PIckard avatar
    9 posts
    Member since:
    Apr 2012

    Posted 20 Apr 2012 Link to this post

    Do you mean like this:
    <div data-role="view" data-layout="overview-layout" id="home" data-title="Home">   
        <ul data-role="listview" data-style="inset" data-type="group">
            <li>
                General Settings
                <ul>
                    <li>Option 1 <input type="checkbox" data-role="switch" checked></li>
                    <li>Option 2 <input type="checkbox" data-role="switch"></li>
                    <li><a>Advanced</a></li>
                </ul>
            </li>
        </ul>
    </div>
  4. Greg
    Greg avatar
    4 posts
    Member since:
    Apr 2012

    Posted 29 Apr 2012 Link to this post

    No, what the OP is talking about is having restyled checkboxes and radio buttons that match a theme rather than just show the browser's default, so you get a consistent look and feel across browsers and OS'es. Like the checkboxes, radio buttons and what they call "segmented toggle buttons" for the Aristo theme here: http://cappuccino.org/images/Aristo.jpg

    I agree. I'd like to see these added. :)
  5. Greg
    Greg avatar
    4 posts
    Member since:
    Apr 2012

    Posted 29 Apr 2012 Link to this post

    Btw, if you look at the themebuilder page (http://demos.kendoui.com/themebuilder/index.html), specifically the "Select a theme to modify" toggle bar...you can use Firebug or a similar tool to see how that was constructed. It's basically a toggle that the OP wanted. However, this one is built upon a list rather than radio buttons like JQueryUI's toggle buttons.

    Granted, it's not currently a widget and thus takes a little more programming to use...

    This post also discusses a method: http://www.kendoui.com/forums/ui/general-discussions/is-there-a-kendoui-themed-icon-toggle-button.aspx
Back to Top