Hello,
I recently made a few charts in my web application with the Kendo UI for MVC and then I realized that the stacked area chart doesn't display the values the right way. The different areas are stacked, but not with the right date.
The data list structure is like this:
Group: "LINE1", Date: "2017-01-01 00:00:00", Value: "210"
I think I have already found a similar question to this problem: http://www.telerik.com/forums/715942-chart-not-displaying-all-category-axis-values
Is this problem already solved or do I need to fill up my list with the same amount of data points for every group?
Thanks,
Stefan


I am using the following code to hide the splash screen.
In my plugins , I have the cordova splash screen plugin enabled.
I am testing on an android device , it does not hide the splash screen.
//declare the application variable globallyvar app;// Wait for PhoneGap to loaddocument.addEventListener("deviceready", onDeviceReady, false); // PhoneGap is readyfunction onDeviceReady() { app = new kendo.mobile.Application(document.body, { platform: 'ios7' }); navigator.splashscreen.hide(); }Hi! I'm trying to display List of items DecimalPriceList. I have function:
<script type="text/javascript">
function iterate(object) {
debugger;
var html = '<ul>';
if (object !== null && object.length > 0) {
object.forEach(function (data) {
html += '<li>' + data + '</li>';
});
} else {
html += '<li>-</li>';
}
html += '</ul>';
return html;
}
</script>
And Grid, which displaying as ClientDetailTemplate:
<script id="SelectionsTemplate" type="text/kendo-tmpl">
@(Html.Kendo().Grid
<BetInAction.Backend.Models.FeedSelectionViewModel>
()
.Name("grid_#=MarketId#") // template expression, to be evaluated in the master context
.Columns(columns =>
{
columns.Bound(o => o.MarketId).Width(50);
columns.Bound(o => o.SelectionId).Width(110);
columns.Bound(o => o.SelectionName).Width(350);
columns.Bound(o => o.SelectionTypeId).Width(110);
columns.Bound(o => o.CreatedDate).Width(110);
columns.Bound(o => o.DecimalPriceList).ClientTemplate("#= iterate(DecimalPriceList)#");
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Read(read => read.Action("HierarchyBinding_Selections", "FeedMapping", new { eventId = "#=EventId#", marketId = "#=MarketId#" }))
)
.Pageable()
.Sortable()
.ToClientTemplate()
)
</script>
I'm getting an error like on picture.
What should I do?
Hi there,
I've currently got a scheduler which uses the timeline and timelineWeek views. In these views, a list of employees is displayed down the left and dates and times across the top. By default I'm able to click one of the dates a long the top of the timelineWeek view and the scheduler will change to the timeline view for that specific date.
I'm trying to do something similar with the employee names along the left, except when I click on an employee name, I want the scheduler to redirect me to a week view showing jobs that the selected employee has done during that week.
I've already got the functionality setup for filtering and displaying only jobs done by the selected employee in a week view, I just don't know how to turn the employee names on the timeline views into buttons/links which would call a function that changes the view?
Cheers
How to close keyboard on combobox scroll and re-reaise the keyboard on clicking in the combobox again ?
We want to close / Collapse keyboard on scrolling of combo box(to avoid overlap on small device screen), and then if click on text combobox then raise the keyboard ( of android ).
Currently keyboard is overlapping the combobox list so we need to hide the keyboard
I have a Kendo UI Grid and have filtering turned on for all of the columns. There is a column named ID in each row. How can I get a list of all of the ID values left in the grid after a user has filtered the grid and clicked a button?
@model IEnumerable<MyApp.Models.FieldData>
<div class="BordRSolThin">
@(Html.Kendo().Grid(Model)
.Name(componentName: "FindDataGrid")
.DataSource(dataSource => dataSource //Configure the Grid data source.
.Ajax() //Specify that Ajax binding is used.
.Read(read => read.Action(actionName: "FindDataGrid_Read", controllerName: "Lead").Data("FindDataParameters"))
.PageSize(pageSize: 500)
)
.Columns(columns =>
{
columns.Bound(p => p.ID).Title(text: "ID").Width(pixelWidth: 100);
columns.Bound(p => p.Field1).Title(text: "Field1").Width(pixelWidth: 100);
columns.Bound(p => p.Field2).Title(text: "Field2").Width(pixelWidth: 100);
columns.Bound(p => p.Field3).Title(text: "Field3").Width(pixelWidth: 100);
columns.Bound(p => p.Field4).Title(text: "Field4").Width(pixelWidth: 500);
})
.HtmlAttributes(new { style = "height:350px;border:solid;border-width:thin;", CssStyleCollection = "#FindDataGrid" })
.Pageable(pageable => pageable
.Input(enabled: true)
.Numeric(enabled: false)
.Refresh(enabled: true)
)
.Sortable()
.Scrollable(scr => scr.Height(pixelHeight: 350))
.Selectable()
.Filterable(filterable => filterable
.Extra(value: false)
.Operators(operators => operators
.ForString(str => str.Clear()
.Contains(message: "Contains")
.StartsWith(message: "Starts with")
.IsEqualTo(message: "Is equal to")
.IsNotEqualTo(message: "Is not equal to")
)
))
)
</div>
Hello,
i have a feature request for Kendo UI for Angular 2. It would be nice to have possibility to create dialogs without 'x' in the top right corner. For example if one wants to create a confirmation dialog hat only has 'yes'/no buttons that user has to choose from, without possibility to dismiss dialog with 'x'.

Hello,
I'm trying to implement kendo ui Scheduler .
But I realised that when I have many event in the same day I could see only two evenets and the others are collapsed on three point. And when I click on the point it redirect me to day view to see all the planned events.
I really want to remove the day view and let only Month and agenda View. It is possible to modify the code so when I click on the three point it redirect me to the agenda wiew or could the month view be resized dynamically depending on the number of the events ?
I tried to modify the CSS of the schudeler , but I didn't like the result
<style> .k-scheduler-table td, .k-scheduler-table th { height: 15.5em; } .k-scheduler-monthview .k-scheduler-table td { height: 15.5em; } .k-scheduler-timecolumn{ visibility:collapse !important; width:0 !important;} .k-more-events > span { margin-top: 0em; height: 20px;}div.k-more-events { font-size: 12px; height: 20px;}.k-scheduler-table td, .k-scheduler-table th { height: 1em; padding: .334em .5em; font-size: 100%;}</style> 
