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?

See the following link in either Chrome or Safari on iOS 6: http://dojo.telerik.com/aXeGe

The Autocomplete options do not populate, nor can I actually get any letters typed into the field on either browser listed above.  Help please!

Hello!

The Rails service I connecting to, sends certain important data in the HTTP headers . I' can't figure out how to access that

Here is what I'm trying to do  - See schema {total } below in bold

Response Headers

Thank you!