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

Hi there, I have a couple time pickers for selecting a start and end time. Is there anyway I can modify the template of the second dropdown, so it shows the duration from the start time? For example, if the user selects the start time as 1pm, I would like the end time dropdown to show the following options: "1:00pm (0 minutes)", "1:30pm (30 minutes)", "2:00pm (60 minutes)" and so on. Is there anyway to customize the existing time picker to add this functionality?

Thanks,

Dwight

Hi,

The icons in the grid are not rendered correctly.

The code used is as follows:

@(Html.Kendo().Grid<ContosoUniversity.ViewModels.EmployeeViewModel>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.UUId).Width(140);
            columns.Bound(c => c.FullName).Width(190);
            columns.Bound(c => c.PrimaryTeamName);
            columns.Bound(c => c.AlertCount).Width(110);
        })
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable()
        .Groupable()
        .Sortable()
        .Filterable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(20)
          .Read(read => read.Action("GridEmployeeStatusRead", "KendoGrid"))
      )
)

The style used are

        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="~/css/site.css" />
        <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.common-bootstrap.min.css" />
        <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap.min.css" />

As shown by the attached image the filter icons are not shown and the paging icons have a superimposed G.

Anyone experienced a similar issue? Is there any workaround?

The HTML is generated only by the razor without further manipulation.

Any sugestion is welcome.

Thank you.

Hi, this control is amazing but i have two questions.

How can i disable the keyboard input, without disabling the whole control when the maxSelectedItems condition is met?. I've tried disabling the control but then the user can't delete the already selected item, and out of the box it allows the user to input meaningless data that confuses them if it's going to be submited or not.

Also i would like to have a way to re enable the keyboard input if they delete an item and the count is lower than the maxSelectedItems.

Here is the dojo with the default behavior: http://dojo.telerik.com/@mfito/EPUTI

I'm using the angular implementation but i don't mind an answer in jQuery. Thanks in advance, keep doing a great job!.

Hi,

My requirement is to allow user to upload only one file at a time. But looks like Kendo hasn't got an out of box solution to this. 'Select files..' button is active after user has uploaded a file and it allows further any number of uploads and the same is with drop zone.

It is disappointing that the 'multiple:false' doesn't work if I use the 'upload' event. So I had to do a workaround to this such that user can select only one file.

Now my problem is to disable drop zone after user has uploaded one file. This seems to be very difficult to get it working. so I concluded to disable the drop zone completely as I am happy with the 'Select' button.

In this saga I found this thread http://www.telerik.com/forums/disable-drag-drop#2293863 and tried to use this line 'kendo.ui.Upload.fn._supportsDrop = function() { return false; }' exactly as stated in the thread. But it never worked and resulted with a javascript error on my console window. Please see the attached screenshot for the error and my code snippet.

Please help me how to disable the drop zone completely

PS: I am using this Upload control in an MVC project & using Kendo 2017 version

Code: kendo.toString(1.67)

Expected result: either "1.67" (as appropriate kiven the current kendo culture) or an error indicating that multiple arguments are required

Actual result: returns 1.67 as a number, not a string

It seems odd to me that the toString() function should ever return something other than a string.

___________________________

Context:

My use-case is that I am trying to format a numeric value in a culture-aware way using kendo.

In many cases, I can do this via kendo.toString, for example:

kendo.toString(1.67, "#.##")

However, in this case rather than specifying a custom format I wanted to use the "natural" format (as many decimal places as the number has). In C#, for example, you can get this by calling ToString() on a value of type double. I thought that kendo.toString(number) might have the same behavior, and was surprised when it returned a number back. A workaround for my use-case is to do kendo.toString(number, "#.############"), but the current behavior with one argument seems like a bug that might catch others up in the future.

I was looking at using the Moonlight theme with Kendo UI for Angular, however, I think I've come across an issue with the filtered DropDownList Component.

Using the Moonlight theme the DropDownList search box displays white text on a white background. See screenshot.

Attached are a couple of screenshots of a DropDownList populated with countries. In the first screenshot I have typed any chars in the filter - you can see a big white box but you can't see the magnifying glass icon on the right as it's being displayed in white on a white background. In the second screenshot I've typed some random chars, they're not visible and they don't match any of the country names so the drop down list is empty.

Hi,

We are currently using an old kendo version - 2014.2.716 TreeView control and kendo.data.HierarchicalDataSource. We are making extensive use of data bound and change event on the datasource. When attempting to upgrade we are noticing that the behavior of the change event seems to be different in the latest kendo versions compared to the old version. For example the chan,ge event seems to now be generated for each of the parent nodes of the child node. Is there any documentation describing the changes from the old version and the event behavior in the new kendo version.

Thanks in advance..