I use the Silverlight control before. it can use Keyboard navigation to select certain row. but asp.net core control can not do that. how can i use keyboard to change the selected row.
when the cell is editable. can i use down arrow to close the edit state and change to the next row like spreadsheet.
Hi Telerik Team,
I am facing an issue with the position of Kendo controls on my page. I am using Chrome browser. The issue persists for Autocomplete, Dropdown lists, date pickers and Grid column menu. As we scroll down the page and then if we try to open the Grid column menu, it opens up much below than it should be and the gap increases as we increase the vertical scrolling of the page. Is it a known issue?
Attached is the screenshot for the same.
Please help me out with this.We are using Kendo controls in every page for our web application.
Thanks
Hello,
In my grid, i have a nested object and i would like to add the filterable feature on it (so it doesn't display [] object). I followed this tutorial:
- https://demos.telerik.com/aspnet-core/grid/filter-multi-checkboxes
The call to the web API is done, but I keep having a javascript error after the call
Uncaught TypeError: e.slice is not a
function
How can i fix this ? Thank you very much
Here is my code so far:
@(Html.Kendo().Grid<EnginViewModel>()
.Name(
"enginGrid"
)
.Columns(col =>
{
col.Bound(c => c.Famille) //EnginViewModel.Famille
.Title(
"Famille"
)
.Filterable(ftb => ftb.Multi(
true
).Search(
true
)
.DataSource(d => d.Read(r => r.Action(
"Familles"
,
"EditorTemplate"
).Data(
"{ field: 'Nom'}"
))))
.EditorTemplateName(
"Famille"
)
.ClientTemplate(
"#= data ? data.FamilleDesignation : \"\" #"
);
})
.ToolBar(toolbar =>
{
toolbar.Create().IconClass(
"fa fa-plus"
).Text(
" Créer un engin"
);
})
.Sortable(
true
)
.Filterable(f =>
{
f.Mode(GridFilterMode.Menu);
})
.DataSource(ds => ds.Ajax()
.ServerOperation(
true
)
.Model(m =>
{
m.Id(f => f.Id);
})
.Events(evt => evt.Error(
"onGridDatasourceError"
))
.Read(a => a.Action(
"Read"
,
"Engins"
).Type(HttpVerbs.Get))
.Create(a => a.Action(
"Create"
,
"Engins"
).Type(HttpVerbs.Post))
.Update(a => a.Action(
"Update"
,
"Engins"
).Type(HttpVerbs.Put))
.Destroy(a => a.Action(
"Delete"
,
"Engins"
).Type(HttpVerbs.Delete)))
)
Hello,
I'm able to set the color of the points on the chart (red and blue). I'm unable to get rid of the black-center of the points by setting the background color.
How do I set both color of points and background color (center of point) to same color?
Thanks.
js code:
----------
<script>
function getPointColor(point)
{
if (point.dataItem.Name === "Left Eye Sensor")
{
return "#af3d3c";
}
else
{
return "#3f48cc";
}
}
</script>
@(Html.Kendo().Chart<KendoScatterChart.Models.ChartScatterPlotPoint>(Model)
.Name("pressureDataChart")
.Legend(legend => legend
.Position(ChartLegendPosition.Bottom)
)
.ChartArea(chartArea => chartArea
.Background("transparent")
)
.SeriesDefaults(seriesDefaults =>
seriesDefaults.Scatter().Labels(labels => labels.Visible(true)).Markers(markers => markers.Size(8))
)
.DataSource(dataSource => dataSource
.Group(group => group.Add(model => model.Name))
)
.Series(series =>
{
series.Scatter(model => model.X, model => model.Y).ColorHandler("getPointColor").Markers(markers => markers.Background("getPointColor"));
})
.XAxis(x => x
.Date()
.Title(title => title.Text("Date"))
)
.YAxis(y => y
.Numeric()
.Title(title => title.Text("Pressure [mmHg]"))
)
.Zoomable()
.Pannable()
)
C# code:
------------
public class ChartScatterPlotPoint
{
public DateTime X { get; set; }
public double Y { get; set; }
public string Name { get; set; }
public string Color { get; set; }
public ChartScatterPlotPoint(DateTime dateTime, double v, string name, string color)
{
this.X = dateTime;
this.Y = v;
this.Name = name;
this.Color = color;
}
}
public class TempModel : ModelBase
{
// For KendoUI plotting.
public List<ChartScatterPlotPoint> DataPointList { get; set; }
public List<string> DateList { get; set; }
public string Name { get; set; }
public TempModel()
{
// for demo - color set by js-method.
DataPointList = new List<ChartScatterPlotPoint>(){
new ChartScatterPlotPoint(DateTime.Parse("12/18/2018"), 1, "Left Eye Sensor", "blue"),
new ChartScatterPlotPoint(DateTime.Parse("12/19/2018"), 2, "Left Eye Sensor", "blue"),
new ChartScatterPlotPoint(DateTime.Parse("12/20/2018"), 3, "Left Eye Sensor", "blue"),
new ChartScatterPlotPoint(DateTime.Parse("12/18/2018"), 1.5, "Right Eye Sensor", "green"),
new ChartScatterPlotPoint(DateTime.Parse("12/19/2018"), 2.5, "Right Eye Sensor", "green"),
new ChartScatterPlotPoint(DateTime.Parse("12/20/2018"), 3.5, "Right Eye Sensor", "green")
};
}
}
I just started using the controls and started with the test app to learn. I can't find out how to set the row height. The row height from the test app is way to large. How do I adjust the row height?
<
div
class
=
"row"
>
<
div
class
=
"col-xs-5 col-md-12"
>
@(Html.Kendo().Grid<
TelerikAspNetCoreApp1.Models.OrderViewModel
>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
columns.Bound(p => p.ShipName);
columns.Bound(p => p.ShipCity);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:450px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
</
div
>
</
div
>
Hi,
I Using Kendo Chart,Previously worked without problems
But Now Chart is not Displayed,Only the contents are displayed in text
This Is My Code:
<div class="chart-wrapper">
@(Html.Kendo().Chart()
.Name("chart")
.Title("Site Visitors Stats /thousands/")
.Legend(legend => legend
.Position(ChartLegendPosition.Bottom)
)
.SeriesDefaults(seriesDefaults => seriesDefaults
.Column().Stack(true)
)
.Series(series =>
{
series.Column(new double[] { 56000, 63000, 74000, 91000, 117000, 138000 }).Name("Total Visits");
series.Column(new double[] { 52000, 34000, 23000, 48000, 67000, 83000 }).Name("Unique visitors");
})
.CategoryAxis(axis => axis
.Categories("Jan", "Feb", "Mar", "Apr", "May", "Jun")
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Line(line => line.Visible(false))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("{0}")
)
)
</div>
Please Help Me.
Do you have any documentation on how the .Filterable mechanism works on a column in the TreeList? I had some success with this feature on a Grid but this control doesn't seem to require the same parameters.
Eg. columns.Add().Field(e => e.Description).Filterable(ftb => ftp...
How do you color a task to represent the percent completion?
The demo's at https://demos.telerik.com/aspnet-core/gantt/task-template and https://demos.telerik.com/aspnet-core/gantt/api show it but I couldn't tell how it was being done. I am looking to do something like these demo's do.
Thanks
Ken