Telerik Forums
Kendo UI for Angular Forum
2 answers
258 views

Hello,

I was wondering if you have examples on creating a custom column menu with customizable items within it.

 

Something along the lines of the following link but truly customizable menu options: https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnMenuTemplateDirective/

 

I would like the column menu to contain 2 buttons, each with it's own event raised and handled. 

Please let me know if this is possible.

 

Thanks.

Martin Bechev
Telerik team
 answered on 22 Jan 2021
3 answers
977 views

I building a component in Angular which dynamically builds a list of tabs and then loads content into the tab dynamically. In the main this works well bar a couple of intermitted issues.

The HTML for the tab component is as below. sTabs is a Subject which contains the list of tabs to render, including the component to load and the currently selected tab.

I am using the library https://malkevich-alex.gitbook.io/ng-dynamic-component/ to load the component dynamically.

 

The 2 issues I have are;

 

1 - occasionally the selected tab is not show (even though the debug of the value selected in the title shows true the tab does not get focus)

2 - occasionally 2 components are shown together in a tab (one below another). Clicking into another tab and then clicking back fixes this and the correct component is then shown.

Any ideas on the cause?

<kendo-tabstrip [keepTabContent]="true">
  <kendo-tabstrip-tab
    *ngFor="let item of sTabs | async let i=index"
    [selected]="item.selected">
 
    <ng-template kendoTabTitle >
      <span class="k-icon k-i-close-outline" (click)="deleteTab(i)" style="padding-right: 10px;"></span>
      <span>{{ item.name }} {{ item.selected }}</span>
    </ng-template>
 
    <ng-template kendoTabContent>
      <ndc-dynamic
        [ndcDynamicComponent]="item.component"
        [ndcDynamicInputs]="item.inputs"
        [ndcDynamicOutputs]="item.outputs"
      >
 
      </ndc-dynamic>
    </ng-template>
 
  </kendo-tabstrip-tab>
</kendo-tabstrip>
Martin Bechev
Telerik team
 answered on 22 Jan 2021
3 answers
3.0K+ views

Hi,

We have a requirement to highlight the row and cell based on some conditions in the grid. For KendoGridColumn, we have added the hightlight based on condition using template but for row as we don't have rowTemplate provided by kendo. Is there any way that kendo provide/recommends  to hightlight the row conditionaly.  We have found this old arcticle -> https://www.telerik.com/forums/kendo-ui-style-grid-rows, but it is looping over the grid data, in our case we have huge amount of data so looping would be performance problem. Kindly suggest if there is efficient way. 

 

Regards,

Jaspreet

Martin Bechev
Telerik team
 answered on 22 Jan 2021
1 answer
1.1K+ views

I'm trying the Kendo UI Grid for Angular, the current behavior only allows selecting multiple rows by selecting the checkbox itself (otherwise clicking the cell outside of the checkbox, would result in the currently selected rows getting reset.)
I would like to find out if is there a way to change that behavior, so that clicking outside of the checkbox would be handled just as clicking within it.

I've attached the desired behavior:

 
 
 
 
 
Martin Bechev
Telerik team
 answered on 20 Jan 2021
3 answers
266 views

I am trying to implement a tabstrip within another tabstrip. What I have found is that when the parent tabstrip tab title property is set using [title]="'Title'" and the child tabstrip first tab is set using ngtemplate, then the parent's first tab title gets the child first tab text appended to it.

see https://stackblitz.com/edit/angular-lwzvbp?file=app/app.component.ts

schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 19 Jan 2021
1 answer
230 views

When all screen is full at events, the scroll in not working in mobile.

how can i scoll also that is display many events in screen?

Martin Bechev
Telerik team
 answered on 15 Jan 2021
1 answer
104 views

 

My grid data is bound to an observable as follows:

 protected initDomainEntityQuery() {
     this.gridSettings.state.skip = 1;
    this.gridData$ = this.stateChange$.pipe(
      takeUntil(this.unsubscribe),     
      switchMap(() =>
        this.dataService.getData(this.buildDomainEntityPayload())
      ),
      map((data) => {
        if(this.groupable && data.data.length > 0) {        
          return process(data.data, { group: this.groups });
        }
        else
          return data;
      })      
}  }

 

The problem is that the data set returned could potentially span many pages, but after the aggregation, the DataResult total is 1 page long.  Is there any way of working round this? 

The use case is to present the data grouped by a type field. 

Thanks.

 

 

Svet
Telerik team
 answered on 15 Jan 2021
1 answer
759 views
how can i disable drag the events?
Martin Bechev
Telerik team
 answered on 15 Jan 2021
1 answer
184 views

Hello,

In my app I'd like to be able of change the language of the labels in the datetimepicker dinamically (days of the week and months). I manage the localization with a custom service I made and it works for most of the app. I read the documentation and the aproach of setting the provider with an static locale_id value is ok but I need to change it in runtime.

Can you help me with this?

Svet
Telerik team
 answered on 14 Jan 2021
1 answer
713 views

Hello, I would like to know how it is possible to insert a default value inside the column filter box at the ngOnInit of the component. I would like to dynamically pass a string type parameter that searches in the corresponding column for all the values contained in the grid datadource.

 

ngOnInit() {
  var doc = this.myService.docName();
  // set doc name in the column of kendo grid and activate filtering
}
Martin Bechev
Telerik team
 answered on 14 Jan 2021
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?