Hi,
I have to translate column titles of a kendo grid created with AngularJS directives.

I used ngTranslate to manage translations and set the column title like

All works fine, including live language switch. Columns titles reflect language changes and display the correct translation.
Unfortunately the column menu display wrong titles.

When I expand column menu I see the following text
instead translation.

I have attached
- a zip including an html file (create with your dojo) to replicate the issue
- an image that show as column menu appears when AngularJS filter are used in column title

I need that column menu display translation in the same way the grid do.

Can you help me?

Thanks

Hello,

I'm playing around with chart tooltips (kendo.dataviz.chart & kendo.dataviz.sparkline)
Using a function to provide the tooltip content I'm able to customize its content in order to add some buttons (used to launch actions from each tooltip directly).
The problem that I'm having is that I can't figure out how to keep mouse focus while staying over of the tooltip and trying to click anyone of the buttons. I need to prevent the chart control to draw a new tooltip when the pointer is moving away from the original chart point.

Is there any way to handle the mouse behaviour over a tooltip object? (I've checked with autoHide: false and showOn: "click" - no luck)
Is there a better way to have "buttons" or "actions" associated to points in charts?

Thanks,
Walid

How do I create a container for a draggable widget using angular?

Hello

I am receiving errors when I create a stacked chart with more than 5 stacked bars. Errors are as follow:

1) Order not followed (01,07,06 ,05,04,03,02,) instead of (01,02,03,04,05,06,07)
2) Value of Source bar 1 and Source bar 2 gets swapped. Comparison value for those two bars are still correct. 

BookscanWeek is a string. I have tried setting it as integer to no avail.

Why does it not work when more than 5 bars? 

Help much appreciated


@(Html.Kendo().Chart(Model.StackChartData)
                              .Name("ValueStackChart")
                              .Theme("Silver")
                              
                              .ChartArea(chartArea => chartArea
                                  .Background("white")
                              )
                              .HtmlAttributes(new { style = "height:400px;" })
                              .Series(series =>
                              {
                                  series.Column(model => model.Value)
                                      .Name("#= group.value #")
                                      .Stack(true);
                              })
                            .Legend(legend => legend
                                .Visible(true)
                                .Position(ChartLegendPosition.Right)
                            )
                            .CategoryAxis(axis => axis
                                .Categories(model => model.BookscanWeek)
                                .Labels(labels => labels.Rotation(270))
                              
                            )
                            .ValueAxis(axis => axis.Numeric("Value")
                                .Labels(labels => labels
                                    .Format("R {0:N}")
                                    .Skip(2)
                                    .Step(2)
                                )
                              )
                              .DataSource(dataSource => dataSource
                                    .Group(group => group.Add(model => model.Element))
                                    
                                )
                              .Tooltip(tooltip => tooltip
                                  .Visible(true)
                                  .Format("R {0:N}")
                              ))

Hi, in this dojo, http://dojo.telerik.com/@ximnet/iciqu, I am trying to validate the form when the submit button is clicked.
However I get error 'Uncaught TypeError: undefined is not a function'

Is this the correct way to validate a validator?

Thanks.

Is it possible to define the grid columns in html using angularjs markup ?

I would rather not have the ui guys playing around with my javascript :)

Hi,
I can't change pages in my grid. I followed the instructions and I looked for a solution in the forum without success.
When the page is loaded, I can see the grid with the data but I can't see the page numbers below.
No error appears in the console until I press the key to go to the next page. When I click next I get the following error:

Uncaught TypeError: undefined is not a function
kendo.dataviz.min.js:12
dt.extend.success kendo.dataviz.min.js:12
proxy jquery-2.0.3.js:731
n.success kendo.web.min.js:11
fire jquery-2.0.3.js:2913
self.fireWith jquery-2.0.3.js:3025
done jquery-2.0.3.js:7400(anonymous function) 

When I loaded the page it request the followed data to Odata service (see the FirstRequest.txt attachment)
After click the next button the request is in the second attachment, and it seems it forget the filter parameter.

this is my code:

    $(document).ready(function () {
        $('#Messages').kendoGrid({
            dataSource: {

                type: "odata",
                transport: {
                    read: "/Services/PerseoDataService.svc/JobMessages()",
                        dataType: "json"
                    },
                    schema: {
                        data: function (data) {
                            if (data.value) {
                                return data.value;
                            }
                            delete data["odata.metadata"];
                            return [data];
                        },
                        total: function (data) {
                            return data['odata.count'];

                        },
                        model: {
                            fields: {
                                Code : {type: "int"},
                                Date: { type: "date" },
                                Priority: { type: "int" },
                                Severity: { type: "string" },
                                Message: { type: "string" },
                            }
                        }
                    },
                    filter: { field: "JobKey", operator: "eq", value: "@Model.ID" },
                    pageSize: 15,
                    batch: false,
                    serverPaging: true,
                    serverFiltering: true,
                    serverSorting: true,
                    sort: { field: "Priority", dir: "asc" }
                },
                //scrollable: {
                //    virtual: true
                //},
                //height: 350,
                filterable: true,
                sortable: true,
                pageable: true,
                resizable: true,
                groupable: false,
                selectable: "row",
                columns: [
                    { field: "Priority", title: "#", width: 30, filterable: false },
                    { field: "Date", title: "Data", width: 90, template: "#= kendo.toString(Date,'HH:mm:ss') #" }, //
                    { field: "Severity", title: "Liv", width: 90 },
                    { field: "Message", title: "Messaggio", }
                ],
                resize: function() {
                    // user has finished resizing the window
                   // var height = 350;
                   //$(".k-grid-content").height(height);
                }
            });
            $("#details").children().prop('disabled', true);
        });

Thank you

Claudio
            

Anyone have js code snippet to select all grid rows?

I don't have checkboxes or anything. I just want the rows to go into the selected state.

Hi,
I am playing with the new feature of the Grid "Filtering row". Is it possible to change the template per field? For instance, I find a filtering Textbox for an ID field too big and would like to change its width.

Thank you,
BH

Hi, I am using the Popover control on a web app which is intended to be cross-platform from desktop to tablet.  On tablet devices, if a popover is open when the device orientation changes, the popover does not relocate itself to the correct relative position.  See this jsbin from an iPad for an example:

http://jsbin.com/jomehotuka

Can this be fixed, or is there a workaround known to work well?