Hi,

With reference to using component with dialog service (http://www.telerik.com/kendo-angular-ui/components/dialog/service/#toc-usage), I have a form inside the component and I would like to submit the form and close the modal using a button from inside the component rather than using the action buttons.

How should I go about achieving that?

Please refer to the following plunker: 

http://plnkr.co/edit/Qq50UCo0jTaqUBYI4hq3?p=preview

Hello,

we are using Kendo UI for Angular. We have a component that contains Kendo TabStrip and we need (based on some business logic) to select a specific tab. Currently the only way to do this is to introduce a @Viewchild(TabStripComponent) in our component and call its .selectTab(index) method to select a desired tab. There are however some issues with that solution:

First I tried to do call selectTab() in ngOnInit(), but that fails, because tabs are not ready yet (got an error from kendo tabstrip: Cannot read property 'toArray' of undefined).

Second I tried to do call selectTab() in ngAfterViewInit(), here the tab is correctly selected, but angular complains: Expression has changed after it was checked. Previous value: 'inactive'.

Isn't there a way to do this nicely? I imagine something like  [selectedTabIndex] property on Kendo's TabStripComponent, that we could set grammatically..

thx

Jan

Why doesn't the Media Player component have it's own topic group in the Kendo UI forums?

Where do I post questions about it? I posted a question in the ASP MVC forum which is just a wrapper for Kendo UI but the issue is generic to Kendo UI.

Thanks, Bob

Is there any discussion or plan to implement the Angular Material as a Kendo Theme?

https://material.angularjs.org/latest/

https://material.angularjs.org/latest/demo/input

Thanks,

--Ed

I just upgraded from kendo 2015.3.930 to 2017.2.504 and I've found a bug regarding the Window.

You can reproduce this bug in the kendo's window demo.  All you have to do is to to resize the window height using the top or the bottom resize handle.  You'll notice that the bottom section of the window will disappear, hidden by the k-window-content div.

This seems to be related to the box-sizing attribute of the k-window-content element that was changed from border-box to content-box.

See attached picture.  Left window was made with box-sizing = border-box and right is the same window with box-sizing = content-box.

Can you confirm if I'm right about this?

Regards,

Simon

Hi,

please help me. I'm trying to setup a grid with a foreign key column. Why this don't work? http://jsfiddle.net/f6tvxjft/2/

And why i get no data from dataSource2 after clicking on "Get Data" button?

Regards,

Philipp

I am currently attempting to use the Kendo Grid to display data that is returned from my Node/Express/Mongoose/MongoDB stack.
Being that MongoDB is schemaless, I have the scenario where my collection will have documents that may or may not contain the same elements.

When trying to populate a grid with a returned JSON query similar to the following:

[
{FirstName: "TestA", LastName:"TestB", Age: 50},
{FirstName: "TestC", Age:50}
]

Using a grid datasource schema that is dynamically generated similar to:
 schema: {
                model: {
                    fields: {
                        FirstName: { type: "string" },
                        LastName: { type: "string"},
                        Age: { type: "number" }
                    }
                }
            }

Trying to display three columns: 
                    [
                           {
                                field: "FirstName",
                                title: "First Name"
                            }, {
                                field: "LastName",
                                title: "Last Name"
                            }, {
                                field: "Age",
                                title: "Age"
                            }
                    ]

I get an error when binding the data. In Firefox and IE it says "LastName is not defined". In Chrome I do not get an error the grid draws the text "[object HTMLCollection]" where you'd expect the field to be null or blank.

Is the grid intended to handle the scenario where an element may not be present in the returned JSON?
If not, are there an work arounds to this?

Thanks in Advance,
Rene

Here's how I set up the Multiselect

I also so have some codes to auto select when user hit tabs key

Due to a large list of data items, virtual is set to true. But it seems like doing so will result in an error "Cannot read property 'item' of undefined" whenever user tabs to autoselect first row in the option list. Not using virtual causes some delay in loading the list.

What should I do?

Also is there a better way to format code block? Copy and paste my codes into the "Format Code Block" doesn't indent the codes as I want it to, if not messing it up.

Below is my code.  Kendo chart is taking my date time data and displaying the axis by date not date and time.  I've tried many ways to get this to work.  When I tried Labels(labels => labels.DateFormats(formats => formats.Days("dd/MM/yyyy hh tt"))) and it displays all dates as 12 AM.    Why wont it display my data on the axis natively without formatting?  It seems to convert the data to a day range defaulted to 12 AM.   What am I doing wrong?

Data is like:

8/24/2017 1:00 

8/24/2017 2:00 

8/24/2017 3:00 

                 @(Html.Kendo().Chart<ElmahErrorsHourCountModel>()

                  .Name("HourlyErrorTotals")
                  .DataSource(ds => ds.Read(read => read.Action("HourlyErrorsCountByDate_Read", "Grid")))
                  .HtmlAttributes(new { style = "height:225px; width= 100%" })
                  .Series(series =>
                  {
                      series
                          .Line(model => model.ErrorCount);
                  })
                  .CategoryAxis(axis => axis
                      .Categories(model => model.HourlyDateTime)
                      .Labels(label => label.Rotation(-90))
                      .Crosshair(c => c.Visible(true))
                      
                  )
                  .ValueAxis(axis => axis.Numeric()
                      .Labels(labels => labels.Format("{0:N0}"))
                  )

                  .Tooltip(tooltip => tooltip
                      .Visible(true)
                      .Shared(true)
                      .Format("{0:N0}")
                  )
                  )  

In Kendo Spreadsheet api doc, under toolbar section: http://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet#configuration-toolbar.home

                    // for all available options, see the toolbar items configuration
                    // http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items
So when I try to add attributes to the toolbar item, I get error. See setup in this dojo:

https://dojo.telerik.com/oMiCi

What I ultimately want to do is to add tooltips to the buttons.