Hi,
I forked this code sample based on your group aggregates sample. I added the capability to edit name and price. The question is, how should I modify the code, that if I edit the price, then after editing the group aggregates also updates?
Thanks.
Hello,
i have a tree-view and i need the row fullsize. Look at the pictures. How can i do that? picture "aktuell" is the current layout and picture "ziel" is the goal.
Best regards Nico
Hi
In my project my sparklines became unreadable after we started switching to the fluent theme.
I noticed I can reproduce this on the example page too.
telerik.com/kendo-angular-ui/components/charts/examples/sparkline/basic/?theme=fluent-main&themeVersion=8.0.1
Q. is there a quick fix, perhaps setting a scss variable to ensure minimum width, or a minimum size in the div container to force this.
Also, there seems to be an unwanted 3px grey border around all charts when using the fluent theme.
<div id="totalHours">
</div>
<script>
var griddataSource = new kendo.data.DataSource({
transport: {
read: {
url: '@Url.Action("List", "GLID")',
dataType: "json",
success: function (result) {
var totalHours = result.totalhr;
}
},
schema: {
data: "data",
total: "total",
}
});
griddataSource.read();
$("#grid").kendoGrid({
dataSource: griddataSource,
toolbar: ["excel"],
dataBound: function(e) {
resizeGrid(e);
var totalHours = e.totalhr; // ****** I want to update the value of totalHour
$("#totalHours").text("Total new Hours: " + totalHours);
},
columns: [
]
});
</script>
var totalHours = list.Sum(item => item.Hours);
return Json(new { total = total, totalhr = totalHours, data = data }, JsonRequestBehavior.AllowGet);
Regardless of whether I set iframe = true or false, or switch my ViewEncapsulation strategy I cannot generate html from the editor which contains borders around table cells. This means that table content is rendered with just whitespace around it.
Is this a bug? How can I apply table css and have it appear in the editor's html output?
Hi,
I set up a panelbar with collections:
<kendo-panelbar [items]="menuItems"> </kendo-panelbar>
I searched the forum and as for now, unfortunatelly, there is no way to use our svg icons from the assets
folder.
Instead I had to define it in a ts file with the appr. interface and use it from there. Which is in case of many
icons a bit cumbersome.
For our rescue there is also the kendoPanelBarItemTitle. I saw the example, but it shows,
how to use the template, if we declare the items in the html file. So the question is, can I use
somehow the title template to show some span elements in the title with the collection approach?
Hi,
I have a chart with multiple lines with numerical values. I also have a navigator themed selection pane, which works fine by now.
I would like to have Dates in various formats (depending on the zoom in level of the navigation) on the x axis.
I chose a line chart as suggested (because of the date / time x axis) instead of a scatterLineChart.
Until now I store testing data in an array of Series like so:
series: Series[] = [
{
name: 'Series 1',
type: 'line',
data: [
3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.89, 8.238, 9.552, 6.855,
],
color: '#058dc7',
},
{
type: 'line',
name: 'Series 3',
data: [
4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3,
],
markers: { type: 'square' },
color: '#50b432',
},
{
name: 'Series 3',
type: 'line',
data: [
5.743, 8.295, 8.175, 7.376, 9.153, 9.535, 6.247, 1.832, 5.3, 5.3,
],
markers: { type: 'roundedRect', visible: false },
color: '#ed561b',
},
{
name: 'Series 4',
type: 'line',
data: [
0.01, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.69, 2.995,
],
markers: { visible: false },
color: '#dddf00',
},
{
name: 'Custom',
type: 'line',
data: [2, 1.2, 4, 2, 5, 6, -4, -6, -4, -6],
markers: { visible: false },
legendItem: {
type: 'area',
area: {
opacity: 0.5,
},
highlight: {
visible: false,
},
},
color: '#24cbe5',
},
];
I am not sure how to pinpoint timestamps to the specific values, by now I can only find suitable examples within scatterline charts where the timestamps are given within the data array separately like the following structure as example:
onst data = (): WeatherData[] =>
[
{
Timestamp: '2018-01-01T00:00:00.000',
TMax: 3.3,
TMin: -12,
Wind: 5.5,
Rain: 0
},
{
Timestamp: '2018-01-02T00:00:00.000',
TMax: 5.2,
TMin: -10,
Wind: 8.1,
Rain: 0
},
...
];
What would be the correct way to define data in a series consisting of value and timestamp tumples?
Seems simple, but I can't figure it out.
Best Regards,
FirestormHell
Hi,
I am trying to evaluate the possibilities to have horizontal lines for thresholds, maximums, minimums etc.
On the net I found a somewhat old post regarding stripLines, but this does not seem to be supported anymore. I can't find something in the docs / API.
So what I found next are plotbands, but manly these seem to be more suitable for areas, not really for lines.
This leaves me with custom plotbands using the drawing API (see: https://www.telerik.com/kendo-angular-ui/components/charts/elements/plot-bands/#toc-custom-plot-bands).
But this seems a bit overkill for a simple horizontal line which from my perspective only needs very basic things like value, title and let's say some styling like color, opacity, line thickness and the likes...
So my question: Is there a simple way for horizontal lines that I am missing or is the custom plotband the way to go in this matter?
Best Regards,
FirestormHell
I'm updating our angular app from angular v14 to v15 (and then 16 and 17...) and saw that I have to update also Kendo.
I've luckily learned that finally all kendo-ui packages now share the same version number for a release (which is a very good move) just to find out that this is true for the most packages but not all packages.
So @progress/kendo-drawing and @progress/kendo-licensing still uses the old individual versioning and all @progress/kendo-angular-XXX packages of v11.6.0 references @progress/kendo-drawing v^1.17.2 and @progress/kendo-licensing v^1.0.2
I understand that @progress/kendo-drawing and @progress/kendo-licensing are independent from angular but why is there still an inconsistent individual versioning outside the @progress/kendo-angular-XXX namespace and not also a consistent versioning in @progress/kendo-XXX?