In multiselect control, when user click delete icons of a selected value , it should alert confirmation message and based on user  input "Yes" , "No" it should delete the selection or cancel it.

I tried as below, it shows confirmation popup but is not waiting for user confirmation

$(".k-delete").click(function (e) {
            //window.event.cancelBubble = true;
            //e.stopPropagation();
            currentSelection = s.value()
            $("#dlgDeleteSecFromAnalyst").html("Are you sure you want to remove.. clicked.");
            $("#dlgDeleteSecFromAnalyst").dialog("open"); 

        })

I have a grid which i want to hide the columns when they are grouped and show them when are removed from our group panel. is there any other way than looping through all columns to show(commented code). 

                dataBound: function (e) {
                    // this function (event) runs when kendo grid gets new data that get bound
                    var gridDataSource = e.sender.dataSource;
                    if (gridDataSource.group().length > 0) {

                        // for (var i = 0; i < this.columns.length; i++) {
                        //     grid.showColumn(i);
                        // }

                        Ember.$("div.k-group-indicator").each(function (i, v) {
                            e.sender.hideColumn($(v).data("field"));
                        });
                        //the grid is grouped
                        Ember.$(".grouping-collapser").css('display', 'block');
                        e.sender.element.find(".k-icon.k-i-collapse").trigger("click");
                    } else {
                        Ember.$(".grouping-collapser").css('display', 'none');
                    }
                }

Hello all,

I am using the Kendo validator to validate a form using the required HTML 5 attribute. However there is a browser based "please fill out this field" message that is showing IN ADDITION to the kendo tooltip for validation. Is there a way to prevent the default browser one so the Kendo error is the only one shown?

Thanks.

I am using kendo diagram with visualTemplate 
http://demos.telerik.com/kendo-ui/diagram/index

I need to write name with bold font 

I'm reading a sample JS object array and binding the information to the Kendo UI Grid as shown below

var sites = [{

            sitename: "HTS_SITE_001",
                address: "HTS Orion",
                contact: "john.smith@telerik.com",
                status: "70",
                persons: "5"
            },
               {

                   sitename: "HTS_SITE_002",
                   address: "Smith",
                   contact: "john.smith@telerik.com",
                   status: "70"
               },
              {

                  sitename: "HTS_SITE_003",
                  address: "Smith",
                  contact: "john.smith@telerik.com",
                  status: "70"
              },
               {

                   sitename: "HTS_SITE_004",
                   address: "Smith",
                   contact: "john.smith@telerik.com",
                   status: "70"
               }];

        $("#grid").kendoGrid({
            columns: [{ title: "Site Name", field: "sitename" },
               { title: "Site Address", field: "address"},
               { title: "Contact", field: "contact" },
                { title: "Status", field: "status" }],
            pageable: true,
            sortable: true,
            navigatable: true,
            dataSource: sites
        });
However, the styling of the grid is not what I expect. I want to populate the data in the HTML table which has the pre-defined styling as shown below.  How do I achieve this using Kendo Grid,

<div class="box-body">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                        <tr>
                            <th data-field="sitename">Sites</th>
                            <th data-field="address">Address</th>
                            <th data-field="status">Status</th>
                            <th data-field="contact">Contact</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="pages/examples/invoice.html">HTS_SITE_001</a></td>
                            <td>#24, Pirmasenserstrasse</td>
                            <td>In progress</td>
                            <td>joe.simon@google.de</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>

Hi,

I have created a custom template for adding events to the scheduler, and within this I have added 3 new fields, 2 drop downs and a text box. All 3 of the new fields are set as required. If I leave them blank and click save, the required validation message is shown for the new text field but not shown for the two drop down fields (see attached screen shot). How can I get the message to show for the drop downs (personnel & encounter)?

The html for my custom template is:

My scheduler is defined as:

Regards,

Gary