Telerik Forums
Kendo UI for Angular Forum
1 answer
3.1K+ views
I am getting the same error on a dozen or so modules

Error: node_modules/@progress/kendo-angular-layout/dist/es2015/stepper/localization/custom-messages.component.d.ts:15:24 -
error TS2610: 'override' is defined as an accessor in class 'StepperMessages', but is overridden here in

'StepperCustomMessagesComponent' as an instance property. 15 protected readonly override: boolean;


Every component that has a Messages class of some sort throws it.

Have removed package-lock.json and cleaned the npm cache multiple times.

Here are the packages installed:


 "@angular/animations": "~12.2.0",
    "@angular/cdk": "^12.2.6",
    "@angular/common": "~12.2.0",
    "@angular/compiler": "~12.2.0",
    "@angular/core": "~12.2.0",
    "@angular/forms": "~12.2.0",
    "@angular/google-maps": "^12.2.6",
    "@angular/localize": "~12.2.0",
    "@angular/platform-browser": "~12.2.0",
    "@angular/platform-browser-dynamic": "~12.2.0",
    "@angular/router": "~12.2.0",
    "@auth0/angular-jwt": "^5.0.2",
    "@auth0/auth0-angular": "^1.6.1",
    "@progress/kendo-angular-buttons": "^7.0.3",
    "@progress/kendo-angular-charts": "^6.0.1",
    "@progress/kendo-angular-common": "^2.0.3",
    "@progress/kendo-angular-dateinputs": "^6.0.2",
    "@progress/kendo-angular-dialog": "^6.0.2",
    "@progress/kendo-angular-dropdowns": "^6.0.1",
    "@progress/kendo-angular-excel-export": "^4.0.4",
    "@progress/kendo-angular-grid": "^6.1.0",
    "@progress/kendo-angular-inputs": "^8.0.7",
    "@progress/kendo-angular-label": "^3.1.0",
    "@progress/kendo-angular-layout": "^6.5.1",
    "@progress/kendo-angular-pager": "^3.0.2",
    "@progress/kendo-angular-pdf-export": "^3.0.1",
    "@progress/kendo-angular-popup": "^4.0.0",
    "@progress/kendo-angular-progressbar": "^2.0.4",
    "@progress/kendo-angular-tooltip": "^3.1.6",
    "@progress/kendo-angular-treeview": "^6.0.2",
    "@progress/kendo-common": "^0.2.1",
    "@progress/kendo-data-query": "^1.5.5",
    "@progress/kendo-drawing": "^1.14.0",
    "@progress/kendo-licensing": "^1.2.0",
    "@progress/kendo-popup-common": "^1.8.0",
    "@progress/kendo-theme-default": "latest",

Svet
Telerik team
 answered on 25 Jul 2022
1 answer
85 views

Hi,

Looking at the API documentation it seems not possible to draw e.g. lines onto the map layers as described here for the jQuery component: https://docs.telerik.com/kendo-ui/knowledge-base/link-marker-to-location

Maybe it's not documented due to the state of the Angular MapComponent is "BETA"?

T. Tsonev
Telerik team
 answered on 25 Jul 2022
1 answer
231 views
I am using an icon class in the drawer items to show fontawesome icons, but every time the drawer is expanded or collapsed, it duplicates the icon on both sides of the text.  This only happens when MINI mode is true
Silviya
Telerik team
 answered on 22 Jul 2022
0 answers
61 views

Hello,

we are using telerik report viewer to build reports. to secure the report we are send JWTBearer token. It has been observed that there is huge performance degrade after sending the token while loading the report.

after removing token, the report load quickly.

could you please suggest a way to implement the scenario or provide the suitable links / sample code to refer

Abhijeet
Top achievements
Rank 1
 asked on 22 Jul 2022
1 answer
132 views

Is there an easy way to let the router link active status inform when a drawer is selected?  I read the documentation on drawer routing, but it cheats by having the initial drawer selected arbitrarily as the first one.

What if another link on the page redirects to user to a different drawer without the user actually clicking on the drawer widget?

Or what if the initial route to the page should have the 3rd item in the drawer selected and not the first?

If the current route changes in a way other than clicking the drawer, the selected drawer doesn't change unless I manually intercept every routing event in angular and then check the route against all the drawers and finding the appropriate one.  Even then there doesn't seem to be a programmatic way to change the selected drawer other than to rebuild the entire items array with a new selected item and replace the existing one.  Basically I have to recreate the router link active logic that already exists?

Or am I misunderstanding how to use this for routing?

Dimiter Madjarov
Telerik team
 answered on 22 Jul 2022
0 answers
84 views

Hello! I have created a tree for a project that I'm doing but I cannot get the expansion arrows to appear when the web page is loaded. When I go to the web page and click on a folder that has subfolders, then the expand arrows appear. I can't find a solution. I hope you can help me, please. All the best!!

 

After loading the web page:                                                                                 After clicking the parent folder:

                                                    

 

 

Guille
Top achievements
Rank 1
 asked on 22 Jul 2022
0 answers
252 views

Hello,

I have a problem for which I cannot find any solution. I have a Kendo grid declared in one of the components in Angular. One of the columns is an array of strings that are displayed together in the column. The filter for this column is a dropdown with possibility to select one of the stringsthat are displayed in these columns.

I'm doing server side filtering for this grid with the .ToDataSourceResult() method. The problem is that when I try to pass the string filter in state, I get (understandably because of mismatching types) an error:

'Invalid cast from 'System.String' to 'System.Collections.Generic.IEnumerable`1[[System.String, System.Private.CoreLib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]]'.'

I cannot find any solution for this problem - I don't know how to make it work so that I can filter an array of strings. Normally in these kind of problems we set the field as the single string with concatenated values from array. But because this particular method is working on IQueryable for better performance, it is not possible. 

Below I pass the code for reference:

The backend method:

public DataSourceResult GetAllServices(DataSourceRequest state)
        {
            var allServices = _serviceRepository.GetServices();

            IQueryable<NonDraftServiceDto> mappedAllServices = _mapper.ProjectTo<NonDraftServiceDto(allServices);

            return mappedAllServices.ToDataSourceResult(state);
        }

Model:

    public class NonDraftServiceDto
    {
        public int Id { get; set; }

        public string Service { get; set; }

        public IEnumerable<string> Sites { get; set; }
    }

 

Grid in Angular:

<kendo-grid
        [sortable]="true"
        [scrollable]="'none'"
        [selectable]="true"
        [sort]="gridState.sort"
        [data]="allServices"
        [pageSize]="gridState.take"
        [skip]="gridState.skip"
        [pageable]="true"
        [filterable]="true"
        [filter]="gridState.filter"
        (dataStateChange)="dataStateChange($event)">
        <kendo-grid-column
            [filterable]="true"
            field="Service"
            [sortable]="true"
            [title]="Service"
            [width]="157">
        </kendo-grid-column>
        <kendo-grid-column
          [filterable]="true"
          field="Sites"
          [sortable]="true"
          [title]="Sites"
          [width]="175">
          <ng-template kendoGridCellTemplate let-dataItem>
            {{dataItem.Sites}}
          </ng-template>
          <ng-template kendoGridFilterCellTemplate let-filter>
            <app-dropdown-filter #SiteDropdown
              [filter]="filter"
              [data]="dropdownSites"
              textField="DisplayName"
              valueField="DisplayName"
              filterField="Sites"
              operator="contains">
          </app-dropdown-filter>
        </ng-template>
        </kendo-grid-column>
        <kendo-grid-column
            [filterable]="true"
            field="Status"
            [sortable]="true"
            [title]="'service_overview.Status_column_name' | translate: 'Status'"
            [width]="50">
            <ng-template kendoGridCellTemplate let-dataItem>
              {{ returnStatusText(dataItem.Status) }}
            </ng-template>
            <ng-template kendoGridFilterCellTemplate let-filter>
                <app-dropdown-filter
                    [filter]="filter"
                    [data]="statusList"
                    textField="ServiceStatusText"
                    valueField="ServiceStatusText"
                    filterField="Status"
                    operator="eq">
                </app-dropdown-filter>
            </ng-template>
        </kendo-grid-column>
    </kendo-grid>
Michal
Top achievements
Rank 1
 asked on 21 Jul 2022
3 answers
456 views
I just upgraded our project to the latest version of Kendo UI and the Material theme.  I noticed that action buttons (<kendo-dialog-actions layout="normal">) are now aligned with the left side of the dialog, when they were previously to the right. I see they are left-aligned at https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/action-buttons/ as well.  It looks a little odd to me.  Was this intentional (reflecting changes to Material Design), or have I missed something during the upgrade?
Stefani
Telerik team
 answered on 21 Jul 2022
0 answers
104 views

Hi,

After updating kendo angular components to latest versions. Margins, paddings and combobox colors are being changed. I suspect this could be because of the new css classes that kendo team has updated in their css. Please let us know what could be the exact reason for this and what's the best way to fix these issues. Please suggest also how these kind of issues can be avoided with future updates.

Thanks & Regards,

Ankit

 
ankit
Top achievements
Rank 1
 asked on 21 Jul 2022
1 answer
521 views
Is it possible to customize the titles/tootips and look/color for a grids pagination buttons (First, Previous, Next, Last)?  I'd like it ot matach the look and feel of other tooltips we have in our application.
Hetali
Telerik team
 answered on 18 Jul 2022
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?