Telerik Forums
Kendo UI for jQuery Forum
4 answers
251 views
Hello,

I've been running into an issue where menus (those on grids and otherwise) are not fully closing or opening.  This happens maybe every 5th click.  It is only seen on the Chrome browser, right now, but it really looks like a problem.  I am using the lastest release of kendo.web (2012.2.710) and have tried several different styles.

Oddly, the demos on the site look fine, but as soon as I do the exact same thing on my site, the menu issue appears.

I must be doing something wrong, but what could it be.  I am out of options to troubleshoot.

Thanks a ton in advance,

Zach
Vland
Top achievements
Rank 1
 answered on 01 Oct 2012
4 answers
125 views
Hi,

I have a kendo grid, and it's column definition is like this:

ColDef = [{
    field: "apple"
}, {
    field: "banana"
}, {
    field: "orange"
}, {
    field: "papaya"
}, {
    field: "grapes"
}];

Now, depending on certain conditions, i need to change the order of these columns. If the user selects "orange" from a drop down, i want that column to appear first and then the other columns. How can i achieve such functionality? please help.

Regards,
Khushali
Ifdev02
Top achievements
Rank 1
 answered on 01 Oct 2012
2 answers
123 views
Hi, I've just started with KendoUI and I'm stuck already!

I created this simple page and it works fine in IE9, but in Chrome I have some strange artefacts like blurry text or wrong positioning of the button or leftovers like this screenshot

any ideas? thanks


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/kendo.web.min.js" type="text/javascript"></script>
    <link href="Content/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="Content/kendo.blueopal.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
     
 
        <input id="datetimepicker" value="10/10/2011 12:00 AM" style="width:200px;" />
 
        <script>
            $(document).ready(function () {
                // create DateTimePicker from input HTML element
                $("#datetimepicker").kendoDateTimePicker();
            });
        </script>
 
</body>
</html>
Emmet Ahlstrom
Top achievements
Rank 1
 answered on 01 Oct 2012
1 answer
132 views
I'm trying to get a HierarchicalDataSource from my server, but I need to pass in specific values.  I can't figure out how it's done and have tried following DataSource's documentation. 

It breaks when it tries the .read().  When I specify "read" it says "TypeError: Illegal invocation ", when I specify "create" it says "Cannot read property 'data' of undefined ".

I'm currently doing:

    var param1= ...;
    var param2 = ...;

        var dataSource = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: "/Home/GetStuff",
                    dataType: "json",
                    data: { param1: param1, param2: param2 }
                }
            },
            schema: {
                model: { id: "id", hasChildren: "hasChildren", children: "items" }
            }
        });


        dataSource.read();

My server method is public ActionResult GetStuff(Guid param1, Guid param2)

As per DataSource's docs, I tried using "create", as well as trying create: function(options) {... .ajax... }.
Kuangyi
Top achievements
Rank 1
 answered on 01 Oct 2012
0 answers
162 views
Hi,

I've been working on a problem for awhile and am now seeking some help.

This involves a view model with a remote datasource and HTML binding of a template.

I'm using a combination of Bootstrap, Kendo, ColdFusion and SQL Server for my app.  Everything is working well, but I have run into an issue binding a viewModel with an HTML template that is styled using Bootstrap.  I'm pretty certain that the Bootstrap isn't interfering, but it's worth knowing that I am using it.

I am getting an error that "source.parent is not a function" which occurs in line 7405 ("source = source.parent()") of kendo.web.js.

I have a feeling that the problem with the remote datasource, because if I replace it with a local datasource, it works fine.

<div id="workshopsTableContainer">
    <table id="workshopsTable" class="table table-hover table-bordered">
        <thead>
            <tr>
                <th>Site</th>
                <th>Date/Time</th>
                <th>Evaluation Code</th>
                <th></th>
            </tr>
        </thead>
        <tbody data-template="workshopsTableRowTemplate" data-bind="source: workshops"></tbody>
    </table>
</div>
 
<script id="workshopsTableRowTemplate" type="text/x-kendo-tmpl">
<tr>
    <td data-bind="text: site_id"></td>
    <td data-bind="text: workshop_date"></td>
    <td data-bind="text: evaluation_code"></td>
    <td><a class="btn btn-primary">Edit</a></td>
</tr>
</script>
 
$(function(){
    workshopViewModel = kendo.observable({
        workshops: new kendo.data.DataSource({
            transport: {
                read: {
                    url: "/applications/wms/components/API.cfc?method=read",
                    dataType: "json",
                    data: {objType: "workshop", organization_id: 944},
                    type: "POST",
                    cache: false
                },
                parameterMap: function(options, operation) {
                    if (operation !== "read" && options.models) {
                        return {models: kendo.stringify(options.models)};
                    }
                    return options;
                }  
            },
            schema: {
                data: "data",
                total: "recordcount",
                type: "json",
                model: Workshop
            },
            batch: false
        })
    });
     
    kendo.bind($("#workshopsTableContainer"), workshopViewModel);
})
 
var Workshop = kendo.data.Model.define( {
    id: "workshop_id",
    fields: {
        "workshop_id": {
            type: "number",
            editable: true,
            nullable: false
        },
        "site_id": {
            type: "number",
            editable: true,
            nullable: false
        },
        "workshop_date": {
            type: "string",
            editable: true,
            nullable: false
        },
        "evaluation_code": {
            type: "string",
            editable: true,
            nullable: false
        }
    }
});


The workshops source in the vm is not automatically called and isn't available on page load.  If I force a read, I still get the error.  Sorry for all the extra fields in the data, the 4 fields in the model are in there, trust me :)

{"message":"","success":true,"recordcount":5,"data":[{"organization_date_created":"November, 03 2010 20:17:26","organizer_approved":1,"organizer_extension":132.0,"organizer_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","site_county_id":39,"organization_oap":"<\/string><\/var><\/string><\/var><\/string><\/var>200<\/string><\/var>1,2,3,12,13,17,18<\/string><\/var><\/struct><\/data><\/wddxPacket>","organizer_role":"Organizer","approved":0,"manager_full_name":"Angelique Adams","site_id":865,"site_zip_code":95330.0,"pb_notes":"","site_site_type":"College Campus","manager_deleted":0,"start_date_time":"February, 03 2010 18:00:00","site_organization_id":944,"manager_extension":132.0,"site_deleted":0,"query_date":"October, 01 2012 09:45:26","organizer_region_ids":"","manager_first_name":"Angelique ","organization_id":944,"manager_role":"Organizer","site_address":"16916 S Harlan Rd","site_date_created":"November, 03 2010 20:25:40","manager_date_created":"November, 03 2010 20:17:26","organizer_organization_id":944,"organization_pa":1,"organization_zip_code":95330.0,"manager_organization_id":944,"organizer_last_name":"Adams","organizer_full_name":"Angelique Adams","start_time":"6:00 PM","organizer_phone":"209-858-0077","manager_password":"angel1031","site_site":"ITT Technical Institute","pb_survey_count":0,"organizer_organization3_id":0,"manager_id":95599,"pb_shipped_date":"","organizer_email":"ajadams@itt-tech.edu","organizer_organization2_id":0,"manager_title":"Director of Finance","date_created":"November, 03 2010 20:25:40","organization_organization":"ITT Technical Institute","site_computers":"10 to 20","organization_approved":1,"workshop_date":"2\/3\/2010","organization_city":"Lathrop","organizer_date_created":"November, 03 2010 20:17:26","organizer_organization_id2":"","manager_organization3_id":0,"organizer_first_name":"Angelique ","evaluation_code":"6ztee","organizer_organization_id3":"","organizer_id":95599,"manager_last_name":"Adams","manager_email":"ajadams@itt-tech.edu","organization_logged_in":1,"site_city":"Lathrop","manager_organization_id2":"","manager_phone":"209-858-0077","manager_organization2_id":0,"workshop_id":2120,"manager_organization_id3":"","organizer_title":"Director of Finance","manager_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","deleted":0,"organization_deleted":0,"manager_region_ids":"","organizer_deleted":0,"pb_survey_count_status":"Uninitiated","manager_approved":1,"organization_county_id":39,"organizer_password":"angel1031","end_date_time":"February, 03 2010 19:00:00","organization_address":"16916 S Harlan Rd","end_time":"7:00 PM"},{"organization_date_created":"November, 03 2010 20:17:26","organizer_approved":1,"organizer_extension":132.0,"organizer_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","site_county_id":39,"organization_oap":"<\/string><\/var><\/string><\/var><\/string><\/var>200<\/string><\/var>1,2,3,12,13,17,18<\/string><\/var><\/struct><\/data><\/wddxPacket>","organizer_role":"Organizer","approved":1,"manager_full_name":"Angelique Adams","site_id":865,"site_zip_code":95330.0,"pb_notes":"","site_site_type":"College Campus","manager_deleted":0,"start_date_time":"February, 26 2011 11:00:00","site_organization_id":944,"manager_extension":132.0,"site_deleted":0,"query_date":"October, 01 2012 09:45:26","organizer_region_ids":"","manager_first_name":"Angelique ","organization_id":944,"manager_role":"Organizer","site_address":"16916 S Harlan Rd","site_date_created":"November, 03 2010 20:25:40","manager_date_created":"November, 03 2010 20:17:26","organizer_organization_id":944,"organization_pa":1,"organization_zip_code":95330.0,"manager_organization_id":944,"organizer_last_name":"Adams","organizer_full_name":"Angelique Adams","start_time":"11:00 AM","organizer_phone":"209-858-0077","manager_password":"angel1031","site_site":"ITT Technical Institute","pb_survey_count":0,"organizer_organization3_id":0,"manager_id":95599,"pb_shipped_date":"","organizer_email":"ajadams@itt-tech.edu","organizer_organization2_id":0,"manager_title":"Director of Finance","date_created":"January, 18 2011 09:21:32","organization_organization":"ITT Technical Institute","site_computers":"10 to 20","organization_approved":1,"workshop_date":"2\/26\/2011","organization_city":"Lathrop","organizer_date_created":"November, 03 2010 20:17:26","organizer_organization_id2":"","manager_organization3_id":0,"organizer_first_name":"Angelique ","evaluation_code":"icr9w","organizer_organization_id3":"","organizer_id":95599,"manager_last_name":"Adams","manager_email":"ajadams@itt-tech.edu","organization_logged_in":1,"site_city":"Lathrop","manager_organization_id2":"","manager_phone":"209-858-0077","manager_organization2_id":0,"workshop_id":2688,"manager_organization_id3":"","organizer_title":"Director of Finance","manager_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","deleted":0,"organization_deleted":0,"manager_region_ids":"","organizer_deleted":0,"pb_survey_count_status":"Uninitiated","manager_approved":1,"organization_county_id":39,"organizer_password":"angel1031","end_date_time":"February, 26 2011 13:00:00","organization_address":"16916 S Harlan Rd","end_time":"1:00 PM"},{"organization_date_created":"November, 03 2010 20:17:26","organizer_approved":1,"organizer_extension":132.0,"organizer_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","site_county_id":39,"organization_oap":"<\/string><\/var><\/string><\/var><\/string><\/var>200<\/string><\/var>1,2,3,12,13,17,18<\/string><\/var><\/struct><\/data><\/wddxPacket>","organizer_role":"Organizer","approved":1,"manager_full_name":"Angelique Adams","site_id":865,"site_zip_code":95330.0,"pb_notes":"","site_site_type":"College Campus","manager_deleted":0,"start_date_time":"February, 03 2011 18:00:00","site_organization_id":944,"manager_extension":132.0,"site_deleted":0,"query_date":"October, 01 2012 09:45:26","organizer_region_ids":"","manager_first_name":"Angelique ","organization_id":944,"manager_role":"Organizer","site_address":"16916 S Harlan Rd","site_date_created":"November, 03 2010 20:25:40","manager_date_created":"November, 03 2010 20:17:26","organizer_organization_id":944,"organization_pa":1,"organization_zip_code":95330.0,"manager_organization_id":944,"organizer_last_name":"Adams","organizer_full_name":"Angelique Adams","start_time":"6:00 PM","organizer_phone":"209-858-0077","manager_password":"angel1031","site_site":"ITT Technical Institute","pb_survey_count":0,"organizer_organization3_id":0,"manager_id":95599,"pb_shipped_date":"","organizer_email":"ajadams@itt-tech.edu","organizer_organization2_id":0,"manager_title":"Director of Finance","date_created":"January, 18 2011 09:22:27","organization_organization":"ITT Technical Institute","site_computers":"10 to 20","organization_approved":1,"workshop_date":"2\/3\/2011","organization_city":"Lathrop","organizer_date_created":"November, 03 2010 20:17:26","organizer_organization_id2":"","manager_organization3_id":0,"organizer_first_name":"Angelique ","evaluation_code":"xz8us","organizer_organization_id3":"","organizer_id":95599,"manager_last_name":"Adams","manager_email":"ajadams@itt-tech.edu","organization_logged_in":1,"site_city":"Lathrop","manager_organization_id2":"","manager_phone":"209-858-0077","manager_organization2_id":0,"workshop_id":2689,"manager_organization_id3":"","organizer_title":"Director of Finance","manager_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","deleted":0,"organization_deleted":0,"manager_region_ids":"","organizer_deleted":0,"pb_survey_count_status":"Uninitiated","manager_approved":1,"organization_county_id":39,"organizer_password":"angel1031","end_date_time":"February, 03 2011 20:00:00","organization_address":"16916 S Harlan Rd","end_time":"8:00 PM"},{"organization_date_created":"November, 03 2010 20:17:26","organizer_approved":1,"organizer_extension":132.0,"organizer_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","site_county_id":39,"organization_oap":"<\/string><\/var><\/string><\/var><\/string><\/var>200<\/string><\/var>1,2,3,12,13,17,18<\/string><\/var><\/struct><\/data><\/wddxPacket>","organizer_role":"Organizer","approved":0,"manager_full_name":"Angelique Adams","site_id":865,"site_zip_code":95330.0,"pb_notes":"","site_site_type":"College Campus","manager_deleted":0,"start_date_time":"January, 07 2013 17:00:00","site_organization_id":944,"manager_extension":132.0,"site_deleted":0,"query_date":"October, 01 2012 09:45:26","organizer_region_ids":"","manager_first_name":"Angelique ","organization_id":944,"manager_role":"Organizer","site_address":"16916 S Harlan Rd","site_date_created":"November, 03 2010 20:25:40","manager_date_created":"November, 03 2010 20:17:26","organizer_organization_id":944,"organization_pa":1,"organization_zip_code":95330.0,"manager_organization_id":944,"organizer_last_name":"Adams","organizer_full_name":"Angelique Adams","start_time":"5:00 PM","organizer_phone":"209-858-0077","manager_password":"angel1031","site_site":"ITT Technical Institute","pb_survey_count":0,"organizer_organization3_id":0,"manager_id":95599,"pb_shipped_date":"","organizer_email":"ajadams@itt-tech.edu","organizer_organization2_id":0,"manager_title":"Director of Finance","date_created":"September, 22 2012 12:43:38","organization_organization":"ITT Technical Institute","site_computers":"10 to 20","organization_approved":1,"workshop_date":"1\/7\/2013","organization_city":"Lathrop","organizer_date_created":"November, 03 2010 20:17:26","organizer_organization_id2":"","manager_organization3_id":0,"organizer_first_name":"Angelique ","evaluation_code":"uhc3a","organizer_organization_id3":"","organizer_id":95599,"manager_last_name":"Adams","manager_email":"ajadams@itt-tech.edu","organization_logged_in":1,"site_city":"Lathrop","manager_organization_id2":"","manager_phone":"209-858-0077","manager_organization2_id":0,"workshop_id":3520,"manager_organization_id3":"","organizer_title":"Director of Finance","manager_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","deleted":0,"organization_deleted":0,"manager_region_ids":"","organizer_deleted":0,"pb_survey_count_status":"Uninitiated","manager_approved":1,"organization_county_id":39,"organizer_password":"angel1031","end_date_time":"January, 07 2013 19:00:00","organization_address":"16916 S Harlan Rd","end_time":"7:00 PM"},{"organization_date_created":"November, 03 2010 20:17:26","organizer_approved":1,"organizer_extension":132.0,"organizer_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","site_county_id":39,"organization_oap":"<\/string><\/var><\/string><\/var><\/string><\/var>200<\/string><\/var>1,2,3,12,13,17,18<\/string><\/var><\/struct><\/data><\/wddxPacket>","organizer_role":"Organizer","approved":0,"manager_full_name":"Angelique Adams","site_id":865,"site_zip_code":95330.0,"pb_notes":"","site_site_type":"College Campus","manager_deleted":0,"start_date_time":"February, 07 2013 17:00:00","site_organization_id":944,"manager_extension":132.0,"site_deleted":0,"query_date":"October, 01 2012 09:45:26","organizer_region_ids":"","manager_first_name":"Angelique ","organization_id":944,"manager_role":"Organizer","site_address":"16916 S Harlan Rd","site_date_created":"November, 03 2010 20:25:40","manager_date_created":"November, 03 2010 20:17:26","organizer_organization_id":944,"organization_pa":1,"organization_zip_code":95330.0,"manager_organization_id":944,"organizer_last_name":"Adams","organizer_full_name":"Angelique Adams","start_time":"5:00 PM","organizer_phone":"209-858-0077","manager_password":"angel1031","site_site":"ITT Technical Institute","pb_survey_count":0,"organizer_organization3_id":0,"manager_id":95599,"pb_shipped_date":"","organizer_email":"ajadams@itt-tech.edu","organizer_organization2_id":0,"manager_title":"Director of Finance","date_created":"September, 22 2012 12:44:08","organization_organization":"ITT Technical Institute","site_computers":"10 to 20","organization_approved":1,"workshop_date":"2\/7\/2013","organization_city":"Lathrop","organizer_date_created":"November, 03 2010 20:17:26","organizer_organization_id2":"","manager_organization3_id":0,"organizer_first_name":"Angelique ","evaluation_code":"ib96k","organizer_organization_id3":"","organizer_id":95599,"manager_last_name":"Adams","manager_email":"ajadams@itt-tech.edu","organization_logged_in":1,"site_city":"Lathrop","manager_organization_id2":"","manager_phone":"209-858-0077","manager_organization2_id":0,"workshop_id":3521,"manager_organization_id3":"","organizer_title":"Director of Finance","manager_login_token":"9D31858C-9448-AA47-F48C02E67A5733BF","deleted":0,"organization_deleted":0,"manager_region_ids":"","organizer_deleted":0,"pb_survey_count_status":"Uninitiated","manager_approved":1,"organization_county_id":39,"organizer_password":"angel1031","end_date_time":"February, 07 2013 20:00:00","organization_address":"16916 S Harlan Rd","end_time":"8:00 PM"}]}
Ken
Top achievements
Rank 1
 asked on 01 Oct 2012
2 answers
626 views

I have a dropdownlist in a grid. When I put a row in edit mode and change the selected value of the ddl, the data sent to my update procedure is the value field (i.e. 1, 5, 7). What I want to send is the text field (i.e. Apples, Oranages, Bananas).

How can I ensure the text value of the dropdownlist is being sent to my update method?

If I don't change the selection it works like I want (meaning the text value is sent to my update procedure). Only when I change the selected value the parameter value sent is the value field.


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="grid">
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#grid").kendoGrid({
                //height: 260,
                toolbar: ["create"],
                columns: [
                    "DepartmentID",
                    { field: "FRSAccountNumber", title: "FRS Account No", sortable: true, filterable: true },
                    { field: "DepartmentName", title: "Dept Name", sortable: true, filterable: true },
                    { field: "CollegeName", width: "150px", editor: categoryDropDownEditor },
                    { field: "SubjectArea", title: "Subj Area", sortable: true, filterable: true },
                    { command: ["edit", "destroy"], title: " ", width: "210px", filterable: false }
                        ],
                editable: "inline",
                dataSource: {
                    //batch: true,
                    pageSize: 10,
                    schema: {
                        data: function (data) {
                            return data.d || [];
                        },
                        type: "json",
                        total: "d.length",
                        model: {
                            id: "DepartmentID",
                            fields: {
                                DepartmentID: { type: "number" },
                                FRSAccountNumber: { type: "string" },
                                DepartmentName: { type: "string" },
                                CollegeName: "CollegeName",
                                SubjectArea: { type: "string" }
                            }//fields
                        }//model
                    }, //schema
                    transport: {
                        read: {
                            url: "Web/KendoDS.asmx/ReadDepartments",
                            contentType: "application/json; charset=utf-8",
                            type: "POST"
                        }, //read
                        update: {
                            url: "Web/KendoDS.asmx/Update",
                            contentType: "application/json; charset=utf-8", // tells the web service to serialize JSON
                            type: "POST" //use HTTP POST request as the default GET is not allowed for ASMX
                        },
                        parameterMap: function (data, operation) {
                            if (operation != "read") {
                                return JSON.stringify({ dept: data });
                            }
                        }
                    }//transport
                }, //dataSource
                pageable: true
            });
 
            var categoryDataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "Web/KendoDS.asmx/GetColleges",
                        contentType: "application/json; charset=utf-8",
                        type: "POST"
                    }
                },
                schema: {
                    data: "d"
                }
            });
            
            function categoryDropDownEditor(container, options) {
                $('<input data-text-field="CollegeName" data-value-field="Ranking" data-bind="value:' + options.field + '"/>')
                .appendTo(container)
                .kendoDropDownList({
                    autoBind: false,
                    dataSource: categoryDataSource
                });
            }
        });
 
 
 
 
 
 
 
 
    </script>
</asp:Content>
Joe
Top achievements
Rank 2
 answered on 01 Oct 2012
1 answer
114 views
Hi,

is this statement 

<select data-role="dropdownlist" data-bind="source: type, value: expenseType">
    <span data-text-field="name" data-value-field="value" >
</select>

in the example http://docs.kendoui.com/tutorials/mvvm-in-kendo-ui correct? Because it doesn't work. In JSFiddle example you use this

<select data-role="dropdownlist" data-bind="source: type, value: expenseType" data-text-field="name" data-value-field="value" ></select>

statement.
Alexander Valchev
Telerik team
 answered on 01 Oct 2012
6 answers
383 views
Hi

I have a Grid with a custom editor. The custom editor has the possibility to open a dialog where the user can search for the value. If I open the dialog the grid close the editing mode

See a simplified solution which reproduce the problem on jsfiddle
When you click on the search button, the dialog opens and the grid cancel the editing mode

Thanks for your help
Roland
Top achievements
Rank 1
 answered on 01 Oct 2012
0 answers
160 views
Hi,

I am trying to filter the datasource based on the selection on the grid and populate the treeview.
I am able to filter the data source using the filter property. As this returns Observable objects, I am not able to bind the treeview. In fact, if I mention the datasource of the treeview to this result (which is observable object) nothing happens.

I even tried using query (as shown below) but still no success to bind the treeview
var dsFilter = [{ field: "id", operator: "eq", value: selectedItem.BaseObjId}];

var query = new kendo.data.Query(dataSource);
var data = query.filter(dsFilter).data;

Let me know if I am missing anything or any better approach to do the same?

Thanks…

Regards,
Monish.

Monish
Top achievements
Rank 1
 asked on 01 Oct 2012
2 answers
113 views
Hello

When the combobox opens downwards and when I filter everything works as expected. However, if it open upwards and I start to filter, the result box becomes detached from the input, and it looks pretty messy at least. Please check attached screenshot. What's the workaround ?

Thanks.
Georgi Krustev
Telerik team
 answered on 01 Oct 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?