Telerik Forums
Kendo UI for Angular Forum
0 answers
9 views

Hello,

I have a dropdownlist that I just cannot select anything out of.  Here's my code:

If you look at the changeParentalControl there's a debugger inside that doesn't get hit.

 

HTML:

<kendo-dropdownlist
      [data]="getParentalControlLevels()"
      [textField]="'description'"
      [valueField]="'name'"
      [value]="getParentalControlLevelDisplay(itemPropertyEdit[1])"
      (valueChange)="changeParentalControl($event)"
/>

 

 

TS:

interface ParentalControlLevelDisplay {
  id: number;
  description: string;
  name: string;
}

getParentalControlLevels(): ParentalControlLevelDisplay[] {
    if (this.assignments.length <= 1) return [];
    return [
        {id: 0, name: '', description: 'Adults, Teens, Kids'},
        {id: 1, name: 'teens', description: 'Adults, Teens'},
        {id: 2, name: 'adults', description: 'Adults'},
      ];
 }

getParentalControlLevelDisplay(name: any): ParentalControlLevelDisplay | undefined {
    let itemParentalControlTypes: ParentalControlLevelDisplay[] = [
        {id: 0, name: '', description: 'Adults, Teens, Kids'},
        {id: 1, name: 'teens', description: 'Adults, Teens'},
        {id: 2, name: 'adults', description: 'Adults'},
    ];
    let found = itemParentalControlTypes.find((t) => t.name == name);
    return (found === undefined) ? undefined : found;
}

itemPropertyEdit: [string, string] = ['itemParentalControlLevel', 'adults'];

public changeParentalControl(event: any) {
    debugger;  // <--- this doesn't get hit!
    this.itemPropertyEdit = event;
}

Han
Top achievements
Rank 1
 asked on 21 Aug 2025
1 answer
14 views

I've a kendo chart where I'm returning an image as a marker for my angular application. Is there any option to add a tooltip for that image. 

sample image code is 

var image = new drawing.Image(
'image source',
new geometry.Rect([cx, cy], [imageSize, imageSize])
);
image.options doesn't provide an option for tooltip in angular. Is there any way of doing it?
Martin Bechev
Telerik team
 answered on 21 Aug 2025
0 answers
11 views

Hi,

I have a <kendo-splitter> inside a <kendo-expansionpanel>. During the accessibility evaluation using keyboard, I was not able to tab into the left pane, the focus goes into the right pane directly bypassing the left pane. Any fix for that? Thanks.

 

Runtang
Top achievements
Rank 1
 asked on 19 Aug 2025
1 answer
7 views

Hi there,

When [locked] is set in grid column, the kendoGridDetailTemplate will be broken. Noticed this issue after recent kendo version upgrade to 18.

Two expand + button will show in the locked columns and not locked columns and both buttons not working to expand.

Thanks.

Yanmario
Telerik team
 answered on 18 Aug 2025
1 answer
14 views
Hi, I'm using the dialog service and want to know how to position the entire dialog all the way to right of the browser window.
Hetali
Telerik team
 answered on 14 Aug 2025
0 answers
13 views

When I set the upload method and prevent defaults, the other options didn't work. But I just want to override the upload method; the other properties should work as usual.

I can't use the default Upload Component post option because it causes CORS errors.

How can I override the upload method for the Upload component for Angular?

Ferhat
Top achievements
Rank 1
 asked on 12 Aug 2025
1 answer
21 views
Hi! I am using kendo pdf viewer. The issue i have is that component behind the scenes is creating a canvas. This is not allowing me to ctrl + c. I am not sure why is this happening to me but not in the demo page. Do you have any clue what's happening ?

  <kendo-pdfviewer
    *ngIf="isPdfViewerVisible && pdfSource"
    [url]="pdfSource"
    style="height: 100%; width: 100%"
    [tools]="tools"
  ></kendo-pdfviewer>
Martin Bechev
Telerik team
 answered on 05 Aug 2025
2 answers
26 views

hi,

 

i have a snippet codes:

https://codesandbox.io/p/sandbox/adoring-galois-4cpxxm?file=%2Fsrc%2Fapp%2Fapp.component.ts%3A29%2C1

 

what i want is 

if the product name is "Chai", i want to give the "TD" cell  a speical css class name.

     <kendo-grid-column field="ProductName">
        <ng-template
          kendoGridHeaderTemplate
          let-column
          let-columnIndex="columnIndex"
        >
          {{ column.field }}({{ columnIndex }})
        </ng-template>
        <ng-template
          kendoGridCellTemplate
          let-dataItem
          let-field
          let-rowIndex="rowIndex"
        >
          <span>{{ field["ProductName"] }}</span>
        </ng-template>
      </kendo-grid-column>

 

i can get the product name by the above codes, but i dont know how to set the "TD" class name . the TD is the parent element of the span .

can you please tell me how to do this?

Zornitsa
Telerik team
 answered on 01 Aug 2025
1 answer
12 views

How can I create an Angular LineChart where each point on the chart has a different color, as shown in the attached image?

Thanks

Hetali
Telerik team
 answered on 31 Jul 2025
1 answer
20 views
Is there template available in timeline component to customize date being displayed on left side which is opposite of card?
Zornitsa
Telerik team
 answered on 30 Jul 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?