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

KendoUI simple stuff like checkboxes?

4 Answers 672 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
T
Top achievements
Rank 1
T asked on 31 Mar 2012, 03:06 PM
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?

4 Answers, 1 is accepted

Sort by
0
T
Top achievements
Rank 1
answered on 31 Mar 2012, 05:14 PM
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
0
Samuel PIckard
Top achievements
Rank 1
answered on 20 Apr 2012, 10:35 AM
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>
0
Greg
Top achievements
Rank 1
answered on 29 Apr 2012, 08:05 AM
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. :)
0
Greg
Top achievements
Rank 1
answered on 29 Apr 2012, 08:16 AM
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
Tags
General Discussions
Asked by
T
Top achievements
Rank 1
Answers by
T
Top achievements
Rank 1
Samuel PIckard
Top achievements
Rank 1
Greg
Top achievements
Rank 1
Share this question
or