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.

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

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>

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?

How can scroll to active tab position dynamically, it becomes the first tab display of selected active tab from backend then it should be display in first position.

Example: if i have dates tabStrip then current date tab should be display in first position.