Telerik Forums
Kendo UI for Angular Forum
0 answers
115 views

Hello Fam,

I need to implement group aggregate in column's when the serverGrouping set to true.  Whenever the serverGrouping is true I cannot able to use the group aggregates I have bulk data so I need to group in server not client side.  I want to send the aggregates to server side whenever the api calls and get back the group aggregate calculations accordingly and then display in Angular. 

Thanks in advance!

Rama Krishna
Top achievements
Rank 1
 asked on 27 Jul 2022
0 answers
157 views

when we set a rows to 3 and set a min-height as 200px with a counter at the bottom for a kendo textarea and we start type it automatically reduces the height according to 2 rows and if we didn't set any rows the height we set is comes below after the counter part but i need the height in textarea part. Can you please find me a solution to set the height for the kendo text area?

here i share a stackblitz example for the above issue

https://stackblitz.com/edit/angular-63c7zd?file=src/app/app.component.ts

gowtham
Top achievements
Rank 1
 asked on 27 Jul 2022
1 answer
253 views
How do I add year view on Kendo Gantt Chart Angular? And is there anyway to display multiple task in a row? 
Hetali
Telerik team
 answered on 26 Jul 2022
1 answer
3.3K+ 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
108 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
284 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
78 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
192 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
99 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
291 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?