Telerik Forums
Kendo UI for Angular Forum
0 answers
168 views
Hello,
I would like to show a message or a template when the chart has no data, or rather when the datasource is empty. how can i do it?
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 26 Jan 2021
3 answers
186 views

Hi! I have the following example and i want to bind the "showText" property to the let-showTextValue from ng-template.

 

https://stackblitz.com/edit/angular-3cew1n?file=app/my-toolbar.component.ts

Svet
Telerik team
 answered on 26 Jan 2021
2 answers
650 views

Hello, 

I have this example: 

https://stackblitz.com/edit/angular-te7dtt-8jnpsk?file=app%2Fapp.component.ts

It seems like kendoTooltip selector of TooltipDirective can only be declared once per view.

Let's say you have two <div> element. If you declare a kendoTooltip in each of those <div> elements, it will only work for the first grid. 

1- Is TooltipDirective static/singleton? cannot be instantiated multiple times?

2- How can you use kendoTooltip in multiple html elements so that TooltipDirective.show() can work on all those html elements, and not only the first one where kendoTooltip is declared? 

Thank you!

Stefani
Telerik team
 answered on 25 Jan 2021
0 answers
140 views

hi, i would like to know how to use the kendo-chart-navigator in my histogram type chart.

I would like to get the data for the chart from a datasource. this datasource is a json file

 

export class AppComponent {
 
    public data: any[] = [];
    public from: Date = new Date('2009/02/05');
    public to: Date = new Date('2011/10/07');
 
    constructor(private service: StockDataService) {
        this.service.getDataSource().subscribe(data => {
          this.data = data; //data is the json file
          });
    }
}
 
 
<kendo-chart (seriesClick)="onSeriesClick($event)">
            <kendo-chart-category-axis>
               <kendo-chart-category-axis-item
                    [categories]="month"
                    [title]="{ text: 'Months' }">
                </kendo-chart-category-axis-item>
            </kendo-chart-category-axis>
            <kendo-chart-series>
            <kendo-chart-series-item type="column"  categoryField="month" [name]="month" [data]="data" field="total" [markers]="{ visible: true }">
            </kendo-chart-series-item>
        </kendo-chart-series>
 <kendo-chart-navigator>
   <kendo-chart-navigator-select [from]="from" [to]="to">
   </kendo-chart-navigator-select>
  <kendo-chart-navigator-series
            <kendo-chart-navigator-series-item type="area" [data]="data" field="Close" categoryField="Date">
           </kendo-chart-navigator-series-item>
   </kendo-chart-navigator-series>
 </kendo-chart-navigator>
 </kendo-chart>
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 25 Jan 2021
1 answer
449 views

Hello,

Is there a duration component available (or are there plans for one)?

I have an example where I want to have an input field in which the user can enter a duration of a process.

We currently (ab-)use a datetimepicker, but this only goes to 24h, and we want to input f.e. something like "55h 30m" in that field

Better would be to have a numerictextbox that can be formatted as a duration time. Or a datetimepicker that can be viewed as a durationpicker with more then 24h available.

Is this something that can be achieved? Or are there any other creative solutions for this use case? Or is this something for the roadmap?

We were thinking of using 2 numeric input fields (one for hours and one for minutes) and then converting them to a duration, but a picker-style component would be much more user-friendly.

 

Kind regards,

 

Roel

Georgi
Telerik team
 answered on 25 Jan 2021
0 answers
176 views

Hello,
I would like to add a horizontal scrollbar so that I can clearly view all the graph data.

for example:
if I had all 12 months of the year I would like to see those of 2019 and then with the scroll bar go to 2020 and 2021.
through the parameter that identifies the X axis.

 

<kendo-chart (seriesClick)="onSeriesClick($event)">
            <kendo-chart-title text="title"></kendo-chart-title>
            <kendo-chart-category-axis>
             <kendo-chart-category-axis-item
                      [categories]="month"
                      [title]="{ text: 'Months' }">
             </kendo-chart-category-axis-item>
            </kendo-chart-category-axis>
            <kendo-chart-legend position="bottom" [visible]="false"></kendo-chart-legend>
            <kendo-chart-series>
           <kendo-chart-series-item type="line" [style]="normal" categoryField="month" [data]="Totaldata" field="total" [markers]="{ visible: true }">
          </kendo-chart-series-item>
           </kendo-chart-series>
            </kendo-chart>

regards,

 

alex
Top achievements
Rank 1
Iron
Veteran
 asked on 25 Jan 2021
3 answers
853 views
In my kendo-dialog the content takes more height than the height of the dialog. Therefore it is scrolled to the bottom when the dialog opens. How can I manage it to be scrolled to the top when the dialog opens? So the dialog content should display its beginning and then the user could scroll down.
Martin Bechev
Telerik team
 answered on 25 Jan 2021
2 answers
271 views

Hello,

I was wondering if you have examples on creating a custom column menu with customizable items within it.

 

Something along the lines of the following link but truly customizable menu options: https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnMenuTemplateDirective/

 

I would like the column menu to contain 2 buttons, each with it's own event raised and handled. 

Please let me know if this is possible.

 

Thanks.

Martin Bechev
Telerik team
 answered on 22 Jan 2021
3 answers
1.0K+ views

I building a component in Angular which dynamically builds a list of tabs and then loads content into the tab dynamically. In the main this works well bar a couple of intermitted issues.

The HTML for the tab component is as below. sTabs is a Subject which contains the list of tabs to render, including the component to load and the currently selected tab.

I am using the library https://malkevich-alex.gitbook.io/ng-dynamic-component/ to load the component dynamically.

 

The 2 issues I have are;

 

1 - occasionally the selected tab is not show (even though the debug of the value selected in the title shows true the tab does not get focus)

2 - occasionally 2 components are shown together in a tab (one below another). Clicking into another tab and then clicking back fixes this and the correct component is then shown.

Any ideas on the cause?

<kendo-tabstrip [keepTabContent]="true">
  <kendo-tabstrip-tab
    *ngFor="let item of sTabs | async let i=index"
    [selected]="item.selected">
 
    <ng-template kendoTabTitle >
      <span class="k-icon k-i-close-outline" (click)="deleteTab(i)" style="padding-right: 10px;"></span>
      <span>{{ item.name }} {{ item.selected }}</span>
    </ng-template>
 
    <ng-template kendoTabContent>
      <ndc-dynamic
        [ndcDynamicComponent]="item.component"
        [ndcDynamicInputs]="item.inputs"
        [ndcDynamicOutputs]="item.outputs"
      >
 
      </ndc-dynamic>
    </ng-template>
 
  </kendo-tabstrip-tab>
</kendo-tabstrip>
Martin Bechev
Telerik team
 answered on 22 Jan 2021
3 answers
3.2K+ views

Hi,

We have a requirement to highlight the row and cell based on some conditions in the grid. For KendoGridColumn, we have added the hightlight based on condition using template but for row as we don't have rowTemplate provided by kendo. Is there any way that kendo provide/recommends  to hightlight the row conditionaly.  We have found this old arcticle -> https://www.telerik.com/forums/kendo-ui-style-grid-rows, but it is looping over the grid data, in our case we have huge amount of data so looping would be performance problem. Kindly suggest if there is efficient way. 

 

Regards,

Jaspreet

Martin Bechev
Telerik team
 answered on 22 Jan 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?