I have a column chart built with Kendo DataViz, and i'd like to add the following to it:

1. Two Horizontal lines, over the full length of the chart
2. Rotated labels to the left of each columns.

Can't seem to find a working demo for both of these features.
The image attached is a sample of what i'd like to achieve.

would appreciate any help on how to do this.

Thanks,

Hi,

I have a MVVM grid with data-groupable="true". Since there are a few columns in the grid are groupable, I want to change the message "Drag a column header and drop it here to group by that column" to "Drag A, B, or C header and drop it here to group by that column".

I know how to do it with JavaScript (set groupable > messages > empty) but how can I do that with MVVM?

Please help.

Thanks.

Hi,

just a short question. We want to add "Toolbar as Actionbar" feature in our mobile app. If possible, we don't want to add the complete "kendo.all.min.js" file to our app. Is there any single "*.mobile.js" file including this feature? We've tried to include the updated "mobile.min.js" and "mobile.navbar.min.js" but toolbar is not visible. If we include the "kendo.all.min.js" everything works as intended.

Thanks

Hi,

I have a listview bound to a datasource which is returning grouped data.  Everything works until I enable endless scrolling.  When I do that, it appears it breaks the list view item bindings.  With some debugging, I found the the list view item template is using the group as data, rather than the items within the group.  

HTML:


JS:


Payload returned by the server:

When endless scrolling is disabled, this displays as I would expect, with the items grouped correctly.  When I enable endless scrolling, I get an error saying that companyName is not defined.

Any ideas? 

Thanks,
Jason

Is there any documentation on extending the AngularJs Gantt.  What I'd like to do is be able to hover over a task and display info in a small pop-up panel.  Maybe add the "onmousehover" event handler to a task to display values from a custom object passed to the datasource.  Any direction or ideas where to start would be great.  Thanks in advance.

Hi,

I've a listview containing several bar charts and if the number of items is enough to make a scrollbar appear, the first chart are longer than the following.
It 's seems the charts are not redrawn when the scrollbar appear/disappear.

A sample can be viewed here : Charts in listview

Thanks

- Ced -

Hi,

I found that when draw a pie chart, there is only one item in data source, and this item's value is 0. It will result with no chart drawing and the percentage will show "NaN". I suppose it's a bug.


    var kendoPieDict = {

        title: { text: "Pie Chart"},
        legend: { position: "right" },
        seriesDefaults: {
            labels: {
                template: "#= category # - #= kendo.format('{0:P}', percentage) #",
                position: "outsideEnd",
                visible: true,
                background: "transparent"
            }
        },
        series: [{
            type: "pie",
            data: [{category: "category1", value: 0}]
        }],
        tooltip: {
            template: "#= category # - #= kendo.format('{0:P}', percentage) #",
            visible: true
        }
    }; 

$("#chart").kendoChart(kendoPieDict );

Hi,

Having an issue passing the ID of the parent Grid to a  grid which is contained inside  a TabStrip.
The TabStrip Name shows the ID properly. Ex. tabStrip_12345678. Followed the provided examples but having no luck. Would appreciate some help!


<script id="template" type="text/kendo-tmpl">   
# var myID = bdc_leaseamenityId #   //used this to make sure the id was correct   
# alert(bdc_leaseamenityId) #  //returned the correct id

        @(Html.Kendo().TabStrip()
            .Name("tabStrip_#=bdc_leaseamenityId#")
            .SelectedIndex(0)
            .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In)))
            .Items(items =>
            {
                items.Add().Text("Notes").Content(@<text>

                    <div>
                        @(Html.Kendo().Grid<MvcDealFlow.Models.EcoAnalysis>()
                               
                        .Name("tabgrid_#=bdc_leaseamenityId#")
                        .Columns(columns =>
                        {

                            columns.Bound(o => o.subject).Width(190);
                        })
                        .DataSource(dataSource => dataSource
                            .Ajax()
                            .PageSize(5)
                            .Read(read => read.Action("GetNotes", "EcoAnalysis", new { id = "#=bdc_leaseamenityId#" }))
                        )
                        .Pageable()
                        .Sortable()
                        
                        .ToClientTemplate())
                        
                    </div>
                </text>
                );
               
            })
                                        .ToClientTemplate())
      
    </script>

I have a Kendo grid:

@(Html.Kendo().Grid<Grid>().Name("Grid")
.DataSource(ds => ds
.Ajax()
.Model(model => model.Id(m => m.ID))
.Read(read => read.Action("Grid_Read", "Sessions", new {sessionId = ViewBag.SessionID}))
.Update(update =>
update.Action("Grid_Update", "Sessions", new {
sessionId = ViewBag.SessionID, qcStateId = 'currently selected qcstatusheader value'}))
.PageSize(10)
.Batch(true)
)
.ToolBar(toolbar =>
{
toolbar.Template(
"| Set selected to: " + @Html.Partial("EditorTemplates/QCStatusHeader"));
}
)

QCStatusHeader:

@(Html.Kendo().DropDownList()
.Name("QCStatusHeader")
.DataValueField("Id")
.DataTextField("Name")
.BindTo((List<NomadBase.Web.ViewModels.Shared.QCStateViewModel>)ViewBag.PossibleQCStatesHeader)

)

How do I get the selected value from the QCStatusHeader dropdownlist into my update call to the controller?
Thanks.

Hello,

I have just started using Kendo UI. I have data access function in class file. I want to give data source = function in class file which is returning a data table. I also want to call add, delete and exit functions in class file from javascript. An example about this would be extremely helpful