Hello, I updated all kendo packages today (June 6, 2022) and my ThemeService and other modules do not compile, this message appears:

      Error: Module not found: Error: Unable to resolve '@progress/kendo-angular-charts/common/theme.service', before update work with @progress/kendo-angular-charts, but now the only suggestion is @ progress/kendo-angular-charts/common/theme.service

6.0.1 was working fine. but the 7.1.0 no 

i deleted node_modules and removing package-lock.json alone didn't help

Regards

Claudio

Hi Telerik team.

I faced an issue with multi-days events displayed one day shorter on the month view than the endDate setup. For example event start date 2022-06-06T00:00:00 and end date 2022-06-08T00:00:00. I expect this event to take 3 full days, but on a calendar view, it shows as two only. In case add to end date 1-second event will take three days.

Here you can see a code example with this issue. https://stackblitz.com/edit/angular-k7xgds?file=src%2Fapp%2Fevents-utc.ts,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

I am using the kendo conversational ui to create the chat feature of my application.

I am mainly using this code from this article - https://www.telerik.com/kendo-angular-ui/components/conversational-ui

I am able to use the user icon and assign a image to it by accessing the user interface through my component file-

' readonly externalUser: User = {
id: 0,
name: 'Bot',
avatarUrl:
urlForImage,
}; '

The user icon is displayed automatically through the kendo chat decorator in the html file, hence I am unable to find a way to make any changes other to it. I need to find a way to make the user icon clickable so that I am able to show the user's profile popup with info like email id, address, contact number etc through it. Any help is appreciated.

<kendo-grid *ngIf="module"
    [kendoGridBinding]="module.permissions"
    kendoGridSelectBy="id"
    [pageSize]="10"
    [pageable]="true"
    [sortable]="true"
    (edit)="editPermissionHandler($event)"
    (cancel)="cancelPermissionHandler($event)"
    (save)="savePermissionHandler($event)"
    (add)="addPermissionHandler($event)"
    (remove)="removePermissionHandler($event)">
    <ng-template kendoGridToolbarTemplate>
        <button kendoGridAddCommand>Add new</button>
    </ng-template>
    <kendo-grid-column field="id" title="id" hidden="true"></kendo-grid-column>
    <kendo-grid-column field="code" title="Code" [width]="180"></kendo-grid-column>
    <kendo-grid-column field="description" title="Description"></kendo-grid-column>
    <kendo-grid-command-column title="" [width]="220">
        <ng-template kendoGridCellTemplate let-isNew="isNew">
            <button kendoGridEditCommand [primary]="true">Edit</button>
            <button kendoGridRemoveCommand>Remove</button>
            <button kendoGridSaveCommand [disabled]="formGroup?.invalid">
                {{ isNew ? "Add" : "Update" }}
            </button>
            <button kendoGridCancelCommand>
                {{ isNew ? "Discard changes" : "Cancel" }}
            </button>
        </ng-template>
    </kendo-grid-command-column>
</kendo-grid>

this is how I delete an item:

let indexToDel = this.module.permissions.findIndex(p => p.id == perm.id);
this.module.permissions.splice(indexToDel, 1)

//way to avoid that?
this.module.permissions = this.module.permissions.slice();

Can we avoid the last line to force the update?

Thanks

Hi

another question regarding the angular coffee example. I have made my own theme. I then added it to the drop-down in the header component link this (I also tried to change the default theme to ocean blue):

public themes: { href: string; text: string }[] = [
      {
         href: 'assets/kendo-theme-default/dist/default-ocean-blue.css',
         text: 'Kendo default (ocean blue)',
      },
      {
         href: 'assets/kendo-theme-bootstrap/dist/all.css',
         text: 'Bootstrap',
      },
      {
         href: 'assets/kendo-theme-material/dist/all.css',
         text: 'Material',
      },
      {
         href: 'assets/light-theme/dist/theme-light.css',
         text: 'My light theme',
      },
      {
         href: 'assets/dark-theme/dist/theme-dark.css',
         text: 'My dark theme',
      },
   ]

and I also updated my angular.json file to include copying the new assets:

 "assets": [
              "src/favicon.ico",
              "src/assets",
              {
                "glob": "**/*",
                "input": "node_modules/@progress/kendo-theme-default/dist",
                "output": "/assets/kendo-theme-default/dist"
              },
              {
                "glob": "**/*",
                "input": "node_modules/@progress/kendo-theme-bootstrap/dist",
                "output": "/assets/kendo-theme-bootstrap/dist"
              },
              {
                "glob": "**/*",
                "input": "node_modules/@progress/kendo-theme-material/dist",
                "output": "/assets/kendo-theme-material/dist"
              },
              {
                "glob": "**/*",
                "input": "src/assets/theme/dark",
                "output": "/assets/dark-theme/dist"
              },
              {
                "glob": "**/*",
                "input": "src/assets/theme/light",
                "output": "/assets/light-theme/dist"
              }
            ],

I thought this was pretty straightforward... I have double checked that the new files are in the assets folder but I am getting two errors:

1.  a **404 error** that the themes are not found...this is with my theme

2. a **The resource from ... was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).** with the default-blue-theme.

Any idea what I am missing?

Thank you for any help given

Hi

How to apply number format in Kendo numeric steeper in dynamically (ex, lakhs to a million & a million to lakhs)

Thanks & Regards

A.Thamaraikannan

Hi,

I want to wrap header columns in grid , that based load data wrap format

its possible!

Thanks & Regards

A.Thamaraikannan

I am already using other Kendo components in my application currently. I can access the normal dropdown controls (autocomplete, multi-select, etc). When trying to use either the MultiSelectTree or the DropDownTree I get a build error saying that it is not a known element. 

I have double checked the imports and installed modules. I even ran grep against the @progress folder in node_modules. It returns 0 results when searching for selector:"kendo-dropdowntree".

Any help in figuring what's going on would be greatly appreciated.

Hi

just a quick question - I need to make a multi-language application and am basing it off the coffee demo application. What I have is working perfectly but I am missing the German translations for the component messages? If I look in the /messages folder there are files for en, fr and en... I know how to implement the function and have it working for MY components, I just don't really want to have to do the German translations for the Kendo elements myself. Is there somewhere I can download the from?

thank you

ursus

Hi there, I have migrated my project from Angular 11 to Angular 13 using v7.0.0 of the DialogModule. 

If I define an abstract class like so:

@Directive()
export abstract class MyAbstractDialog extends DialogContentBase {

}

Then I define a concrete implementation of this class like so

@Component(...)

export class MyConcreteDialog extends MyAbstractDialog {

}

This ran happily using Angular 11. But with Angular 13, at runtime I see the following exception:

Directives cannot inherit Components. DirectiveMyAbstractDialog  is attempting to extend component DialogContentBase 

ERROR Error: Uncaught (in promise): Error: NG0903
Error: NG0903
    at ɵɵInheritDefinitionFeature (core.mjs:12388:23)
    at core.mjs:926:48
    at Array.forEach (<anonymous>)
    at Object.toString (core.mjs:926:32)
    at noSideEffects (core.mjs:592:29)
    at Module.ɵɵdefineComponent (core.mjs:882:12)

Do you know why this might be? Does DialogContentBase need a Directive() decorator to get this working? The work around I have found is to duplicate the common code in the base class into each of it's descendants and remove the abstract class. But I don't really want to be duplicating code!

Thanks