Telerik Forums
Kendo UI for Angular Forum
1 answer
13 views
Is it possible to plot radial bar charts with kendo's chart library?? I already use kendo for grids and I don't wanna use another library for the charts in our project. Attached are two of the examples I'm looking for.
Yanmario
Telerik team
 answered on 23 May 2024
0 answers
18 views

Hi,

if the grid is loading the data, I would like to show the loading template, and if filtering the data, and there is no data, then the no record template. The issue is, that it seems, that if I set up the loading template, also the no record template is showing while loading.

How to avoid that?

horváth
Top achievements
Rank 2
Iron
Iron
 asked on 22 May 2024
3 answers
2.1K+ views

Hi, I'm trying to create a multi-select item that will have the outside look & behavior of a simple dropdown-list, including using icon of my choosing for the down arrow.

But I'm having trouble locating the icon, I've tried using plain css and play with the positions of the items, but then the icon doesn't stick to the corner of the multi-select wrapper..

Would like some help, I feel like maybe I'm doing it all wrong.

 

Here is my code:

https://stackblitz.com/edit/angular-kendo-multi-dropdown-look

Richard
Top achievements
Rank 1
Iron
 answered on 22 May 2024
1 answer
11 views

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.

 

 

John
Top achievements
Rank 1
Iron
 answered on 21 May 2024
1 answer
14 views

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

Martin Bechev
Telerik team
 answered on 20 May 2024
1 answer
20 views

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?

stackblitz example

Thanks.

Martin Bechev
Telerik team
 answered on 20 May 2024
0 answers
11 views

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?

Murray
Top achievements
Rank 1
Iron
Veteran
 asked on 15 May 2024
0 answers
14 views

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?


horváth
Top achievements
Rank 2
Iron
Iron
 updated question on 12 May 2024
0 answers
17 views
Hello,

I'm using the Upload component and must replace all icons with custom ones. For unknown reasons, I can replace all icons except an icon inside the retry button.
Here is a link to Stackblitz for reference: https://stackblitz.com/edit/angular-zkwyqn?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

Could you help me with this problem, please?
Rita
Top achievements
Rank 2
Iron
Iron
 updated question on 09 May 2024
0 answers
19 views

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

Leo
Top achievements
Rank 1
Iron
 asked on 08 May 2024
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?