Telerik Forums
Kendo UI for Angular Forum
0 answers
113 views

Hi Telerik team,

I am currently having a problem with a tooltip that is not being opened via click or hover but programmatically.

The tooltip is part of a scrollable iframe which disappears when its anchor leaves the page due to scrolling.

Is it possible to keep the tooltip next to its anchor without it being unrendered even if it's outsite the visible part of the page.

 

The problem can be easily recreated on the tooltip page when this css-selector is changed:

.my-app { min-height: 800px }

 

This changes make it possible for the component to be scrollable and if a tooltip is opened and then the page is scrolled, it will unrender.

Regards,

Moritz

 

Moritz
Top achievements
Rank 1
 asked on 27 Jan 2021
0 answers
197 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
216 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
698 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
165 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
489 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
194 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
929 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
299 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?