Telerik Forums
Kendo UI for Angular Forum
1 answer
127 views

I've found a possible regression in the Kendo Angular Tabstrip component.  Previously, setting the "tabPosition" to "left" would result in a left-positioned vertical TabStrip, but after updating to the latest Kendo-layout version, it now incorrectly renders as a left-positioned horizontal Tabstrip.

I've attached screenshots of this behaving in two different manners on the official Kendo Angular & jQuery (for comparison) docs pages for

- Incorrect left-positioned but still horizontal Tabstrip behavior in the Angular docs

Correct left-positioned vertical Tabstrip behavior in the jQuery docs

For reference, this functionality was working correctly in our previous version:

"@progress/kendo-angular-layout": "^6.1.4"

We're now encountering this regression after updating to:

"@progress/kendo-angular-layout": "^6.2.0",

As you can imagine this is having catastrophic effects on layout and positioning (I've attached some screenshots before and after the regression took effect). Please let me know if there's any other info I can provide, and how quickly this can be resolved!

Dimiter Topalov
Telerik team
 answered on 14 Sep 2021
1 answer
1.3K+ views

Hello,

I'm working on an angular project and I used kendo-datepicker in several places. A week ago I updated the angular version to the latest one. Before that version 7 was used.

After the updated, there's an issue with the datepicker components. When I select the toggle calendar icon the following error is thrown:

Uncaught TypeError: Cannot read property 'add' of undefined
    at HeaderComponent.ngOnInit (index.js:11822)
    ....

 

And when I select any date, that's the error, which is thrown:

Uncaught TypeError: Cannot read property 'close' of undefined
    at DatePickerComponent._toggle (index.js:6636)

 

I even tried to use the control in the most basic way in a page, where there's nothing more than it. The result is the same

<kendo-datepicker ></kendo-datepicker>


Angular version: 12.1.2
@progress/kendo-angular-dateinputs: 5.2.2
typescript: 4.3.5

Does anybody has any idea why that happens?

Regards

Silviya
Telerik team
 answered on 13 Sep 2021
1 answer
153 views

Hi

 

Could i have scheduler on bottom right of screen and in same time permaently an Calendar with week on Left screen and not only when i click on current date ?

 

Regards

Yanmario
Telerik team
 answered on 13 Sep 2021
1 answer
842 views

Hi,

I got the following question:

How to show an image as Tooltip in a GridDataCell?
The image should only be visible if the user hovers over the cell.

Thanks in advance,

Ben

Hetali
Telerik team
 answered on 12 Sep 2021
1 answer
940 views

Hi,

Is there a way to show the lines between parent and child nodes at TreeView ?

Stoyan
Telerik team
 answered on 10 Sep 2021
1 answer
756 views

Hi,

Is there a way to set the width of a notification to 100% of the available space?

The API documentation suggests I can achieve this using the cssClass property (https://www.telerik.com/kendo-angular-ui/components/notification/api/NotificationSettings/#toc-cssclass). I've tried adding width: 100% to the button-notification class in this fork of one of your examples: https://angular-btu63g.stackblitz.io but the notification width remains the same.

The width does change when I set an absolute value (e.g. width: 600px;).

But I can't predict what the available width will be and when the available space is less than the absolute value I set I get the following:

I want the notification to fill the entire available width (see below example from the Kendo website).

If I'm missing anything in the API documentation kindly point me in the right direction.

Hetali
Telerik team
 answered on 08 Sep 2021
1 answer
194 views

Hi,

 

I tried to implement slotDuration in Scheduler but that"s not working ?

I want only showing event, with X minutes duration in scheduler

Could you help me

 

Thanks

Yanmario
Telerik team
 answered on 08 Sep 2021
1 answer
151 views

Hi,

Currently i see if we rewrite AngularJS Kendo Application with Angular12

So i test yours Angular components

What is angular equvalent to JS

$scope.kScheduler.setOptions({
majorTick: majorTickValue,
minorTickCount: minorTickCountValue
})

 

Regards

Martin Bechev
Telerik team
 answered on 08 Sep 2021
1 answer
396 views

Hi! I wanted to know how to programmatically scroll the editor to the current cursor. I am currently using


this.kendoEditor.exec('insertText', { text: '##FLAG##' });
this.kendoEditor.value = this.kendoEditor.value.replace('##FLAG##', '<b>content</b>');

and if the cursor was at the bottom the user will not see the new text.

Martin Bechev
Telerik team
 answered on 07 Sep 2021
2 answers
277 views

Hi

I read data from an service and when scheduler component tried to read data i have following error message

 

4:14:34 PM ERROR [./src/app/core/interceptors/GlobalErrorHandlerService.ts:25] TypeError: this.originalData.forEach is not a function
    at DataBindingDirective.process (index.js:6438)
    at DataBindingDirective.set data [as data] (index.js:6402)
    at setInputsForProperty (core.js:10940)
    at elementPropertyInternal (core.js:9984)
    at Module.ɵɵproperty (core.js:14764)
    at AgendaSchedulerComponent_Template (agenda.scheduler.html:22)
    at executeTemplate (core.js:9579)
    at refreshView (core.js:9445)
    at refreshComponent (core.js:10616)
    at refreshChildComponents (core.js:9242)

 

I have tried to debug without succes to find data with problem

 Object.keys(ev).forEach(function(x){
              console.log('\"'+ev[x]+'\"');
            }); is ok

 

How could find problem field ? Regard

ixen
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 07 Sep 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?