Telerik Forums
Kendo UI for Angular Forum
0 answers
95 views
In my project I have the Kendo Scheduler widget, I am trying to add an manual 'Add event' button similar to this that has been done in Jquery. https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/editing/add-event-programatically

The methods described in the Angular docs for the Scheduler show methods that are attached to the ($event) handlers specific to the Scheduler i.e `(slotDblClick)="onSlotDblClick($event)"`. 

In terms of adding events it mentions to call the addEvent() method.

So I have tried something like: 

    public addEventHandler({ sender, start, end, isAllDay }: EventClickEvent): void {
        this.closeEditor(sender);
    
        this.formGroup = this.formBuilder.group({
            'Start': [start, Validators.required],
            'End': [end, Validators.required],
            'StartTimezone': new FormControl(),
            'EndTimezone': new FormControl(),
            'IsAllDay': isAllDay,
            'Title': new FormControl(''),
            'Description': new FormControl(''),
            'RecurrenceRule': new FormControl(),
            'RecurrenceID': new FormControl()
        });
    
        sender.addEvent(this.formGroup);
    }

This does not work as the sender arguments are specific to the methods in Kendo Scheduler. 

Any idea's

The docs are at: 
https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/editing-reactive-forms/#toc-adding-new-events
R
Top achievements
Rank 1
 asked on 28 Jan 2021
1 answer
1.3K+ views

Hi, I'm struggling with the problem how to remove some filter operators from the menu. Any suggestions ?

 

Regards

Daniel

 

 

Martin Bechev
Telerik team
 answered on 28 Jan 2021
0 answers
96 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
162 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
177 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
620 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
133 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
435 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
167 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
822 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?