In the single example for the ButtonGroup demo there is a bit of static CSS which is overriding any of the themes:

.k-button-group .k-button { background-color: rgb(44, 35, 43);}

I recommend removing it so users can see the theme variances properly.

Hi there,

I have a few grids in the AngularJS (v.1.x) app where i face issue is in Pagination as well as Filter Dropdown / List. When there is a grid in the page as the last element of a page following problems occur : 

1) Grid Filter

Once i filter any column and let say no rows are displayed because it's not matching the data as per the filter. Now Grid height is smaller than before and if i click on filter again (filter list height is larger than grid size in this case), it's flickering. 

If i scroll a bit the page then it works fine, it renders list in top position instead of bottom. Unless I scroll, problem is not solved.

2) Grid Pagination Dropdown

It similar to 1) only difference is in reproducing. Here i am changing page size from 300 to 10 and trying again to do the same but starts flickering. Once i scroll it solves the problem.

Summary :

Such scenarios where grid is end of page this problem occurs and in my application i have used lots of grid in this scenarios. 

AngularJS Version : 1.5.5
Kendo Version : 2016.1.412
jQuery Version : 1.9.1 / 2.x (tried both)

Any help from Kendo Team will be greatly appreciated!

Thanks,

Hardik

I would like to use a template for my upload widget that creates a link to the file so the user can preview them.  However I can't figure out how to pass the file path into the template.

 var draftFiles = [
@foreach(var a in Model.InvoiceDraftCopies)
{
@:{ name: "@(a.FileName)", extension: "@(a.FileExtension)", size: "@(a.FileSize)", path: "@(a.FilePath)" },
}
];

template: kendo.template("<a href='#=path#' target='_blank'>#=name#</a><button type='button' class='k-upload-action'></button>")

I added "path" to the initialfiles array, but can't get to it in the template.  I get an error on #=path#. ('path' is undefined).

I'd like some advice on whether I should stay with webforms, or move onto kendo ui. I do web app development in a public hospital. I'm in the reporting area, rather than IT, but mainly I develop handy little data-centric apps where the main patient management system is too cumbersome and limited, or spreadsheets are too fiddly and error prone. There is almost always an element of looking up some data from our data warehouse (enter a number and get all the information we have about the patient, their hospital episodes etc), plus add extra data, such as: when did I try to contact this patient? what status will I assign to them on the waitlist now etc. 

I have done all of this using a very simple approach using webforms, sql server, mainly sqldatasource for databinding, and either Telerik ajax or straight javascript/jquery. The whole MVC and Entity framework thing - yes I can see it has its advantages for more complex applications, but it all seems overkill for what I do.

However, when I look at Kendo UI, I am attracted by the simplicity and elegance of the code. I do sometimes get a bit of a mess with the combination of client-side and server side code, and try to deal with all sorts of events on what is often in effect a single page app. 

This is what I'd LIKE to do, (but is it possible or advisable?):

1. Create apps that use only html, javascript/query and kendo UI
2. Keep the data binding really simple still - but perhaps move to something a bit more sophisticated like Dapper
3. Avoid MVC, Angular, React, entity framework etc etc that seem to require so much coding and abstraction, and sometimes get in the way

I suppose I'm more of a workplace problem solver and UI designer than a coder (as you may have picked up already) - my "customers" think what I do for them is great - of course they don't know that the bits they can't see are decidedly uncool and unhip.

Well, this has been a bit of a ramble, but if anyone could perhaps point out some good tutorials or a book that would be useful I'd be most appreciative.

Hello. I am trying to work with a ForeignKey DropDownList in the Edit event and at the time the Edit event fires, the kendoDropDownList has not been created yet. Is there an event that I can work with after Edit to modify Kendo widgets that are created at that time?

Background - I want to disable the dropdownlist if another property is false. This works fine responding to that field change because the dropdownlist is already created.

Relevant simplified snippets:

C#

JS

When trying to edit, add or delete from a grid I am using the external form or reactive forms editing customization setup described on the Kendo UI site. I'm getting these 2 errors

Build:Binding element 'dataItem' implicitly has an 'any' type 

Build:Binding element 'sender' implicitly has an 'any' type 

These are the locations where they are called. Any suggestions would help. Thanks

 protected addHandler({ sender }) {
      protected addHandler(sender: any) {
            this.closeEditor(sender);
            
        sender.addRow(new Product());

}

public editHandler({ dataItem }) {
        this.editDataItem = dataItem;
        this.isNew = false;
    }

Hello!

What are the advantages and disadvantages of integrating the Bootstrap framework into a Kendo UI web application?

Doing so, does this enhance any features of existing Kendo UI widgets? Are there any limitations? Is there a case study of a real project built with Kendo UI widgets, and then being integrated with the Bootstrap framework? What would be the reasons to use Bootstrap framework? Are there any alternative approaches?

Our goal is to make our Kendo UI web application more responsive (desktop, tablet, smartphone). Right now it uses a Kendo Splitter > TabStrip > Grid (= Grid in a TabStrip, TabStrip in a Splitter).

Best regards,

Kaan