Telerik Forums
Kendo UI for Angular Forum
1 answer
1.9K+ views

I am not sure what it is called so I will instead attempt to describe the behavior I am seeking in order to ask my question. 

It seems that the default filter implementation fires the dataStateChange event every time you type in the filter field. So example, if I have a city column in a grid with a default string filter and I begin to type the letter "A" for the city of Atlanta the dataStateChange event is immediately fired and then fires for each keystroke afterwards. This is an issue since we are attempting to figure out how to perform our filtering server side by passing the filters in a query string to a web api operation. I want to be able to allow the user to input say the entire text for the city of Atlanta before firing a dataStateChange event. If this is not an option I would like to be able to some how hold the response until the user clicks a filter button.  

I remember in the previous version of KendoUI for jQuery that we had filters that were inline of the column and had a filter button and a clear button. So you could type the full city for instance and then click filter. Are these still available and if so can you point me to any example code. 

I have attached an image to show what I am talking about.

Hetali
Telerik team
 answered on 10 Dec 2019
2 answers
442 views

We have a Scheduler component and the Month View displays 6 weeks/rows - showing the current month as well as the next 1.5 - 2 weeks of the following month.

I would like have it only display the 4 weeks of the current month, rather than spilling into the next. Is this supported by the scheduler, or is there a way to implement that?

In my research I found the same question for the jQuery UI scheduler in which the answer pointed to a custom implementation/extension of the month view, but was unable to find any similar solution/direction for the Angular component.

Andrei
Top achievements
Rank 1
 answered on 10 Dec 2019
2 answers
319 views

Hello,

I was reading about "typing" in message where if it is true a "typing animation" will be displayed in the chat.

But how could I to know in angular 7 when the user is typing words in the textbox chat for send a notification to other user? I was thinking in do some onchange subscription by DOM selector in angular 7 but I cant find the way...

Please could you help me?

Thanks in advance.

CRISTIAN
Top achievements
Rank 1
 answered on 09 Dec 2019
2 answers
248 views

I have a series of vertical bar graphs. The individual bars must be selectable. For this I used plot bands. That works well so far. Now the plot band should get a thin border. Is there a way to add a CSS class to the plot band, or to set the border in another way? I tried rendering, but with Panning and Zooming the bars move and the border stays.

 

Florentin
Top achievements
Rank 1
 answered on 29 Nov 2019
1 answer
158 views

I have a grid:

<kendo-grid #grid="kendoGrid" [data]="userView | async" [pageSize]="20" [sort]="state.sort" [filter]="state.filter" [pageable]="true" [sortable]="{ allowUnsort: true, mode: 'multiple' }" [filterable]="true" [resizable]="true" (dataStateChange)="dataStateChange($event)"> </kendo-grid>

userView function returns 21 records,the first page shows 20 records its all good but the issue is when I go to the second page of the grid, it shows one record but the page number below shows 1 and I can't go back the page 1 in the grid which I had the 20 records, here are my functions:

public state: State = { skip: 0, take: 500 } public userView: Observable<GridDataResult>; constructor( private userListService: UserListService){ this.userView = userListService; userListService.query(this.state, this.querySharedUsers); } public dataStateChange(state: DataStateChangeEvent): void { this.state = state; this.userListService.query(state, this.querySharedUsers); }

I tried to change the state.take to 20 but the function returned 20 records which it should return 21 and the grid had only one page, is anyone familiar with this kind of configuring kendo ui paging?

Svet
Telerik team
 answered on 27 Nov 2019
1 answer
1.6K+ views

Hi,

In the horizontal scroll chart, when I scroll to right, the vertical Y-Axis also gets scrolled off to left. I want that Y-Axis to remain static during the horizontal scroll. Can you please guide me how I can do that?

 

 

Dimiter Topalov
Telerik team
 answered on 27 Nov 2019
6 answers
623 views

 

Hello,

Please provide working demo for context menu.

There are demo is given in following link but its not working.

I tried to open in stackblitz but in stackblitz even its not working . 

Please provide stackblitz working demo for two following link

Contex menu with grid.

Data Binding

Thanks 

 

 

 

 

Dimiter Topalov
Telerik team
 answered on 27 Nov 2019
2 answers
896 views

I use filterable multi-checkbox menu component as it's guided here https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-multi-checkbox-menu-filtering but it does not work for empty values. If I select an empty value in filter menu, the Filtering button is not enabled, even if I select more values, the result will still not include empty values.

 

Dimiter Topalov
Telerik team
 answered on 26 Nov 2019
7 answers
2.4K+ views

Hi,

I'm using tooltip module (2.1.0) under Material theme. It works perfectly except the font is too small to see (guess it's 10px). So I'm trying to use tooltipClass with a customized style, following example in https://www.telerik.com/kendo-angular-ui/components/tooltip/how-to/customize-styling/. But strangely it doesn't work, the tooltip still showing the original styles. Other properties of the TooltipDirective works, such as showOn, tooltipHeight, etc. Not sure where I did wrong.

I also have Angular Material controls on the page, was suspecting there's confliction of the styles but removing those controls doesn't help. What might cause tooltipClass not work?

Attached is the screenshot of the tooltip even after applying tooltipClass.

If there's other approach can increase the font size rather than a customized style I'd love it.

Thanks,

Randy

Randy
Top achievements
Rank 1
Veteran
 answered on 26 Nov 2019
3 answers
392 views

Is is possible to overlay two chart types in the same chart? I would like to create line and scatter chart combined - similar to the chart seen attached to this post.

 

 

Dimiter Topalov
Telerik team
 answered on 21 Nov 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?