Telerik Forums
Kendo UI for Angular Forum
2 answers
155 views

On the date picker, how do you restrict the user from selecting past date? 

Example: If today is 9/17/2018 , the datepicker should prevent user from selecting 9/16 , 9/15 ....

 

Thanks,

Bryian Tan

Patrick
Top achievements
Rank 1
 answered on 21 Sep 2018
1 answer
919 views

How i set the gap attribute to series elements?

Gap attribute doesn't work, but spacing works!

<kendo-chart #chart class="chart-wrapper"
                       (seriesClick)="onSeriesClick($event)">
                           <kendo-chart-legend position="bottom"></kendo-chart-legend>
                           <kendo-chart-tooltip [shared]="true"></kendo-chart-tooltip>
                           <kendo-chart-series>
                               <kendo-chart-series-item
                                   *ngFor="let item of DATA"
                                   [data]="item.worked_hours_month"
                                   [name]="item.worker"
                                   field="worked_hours"></kendo-chart-series-item>
                           </kendo-chart-series>
                       </kendo-chart>
T. Tsonev
Telerik team
 answered on 21 Sep 2018
5 answers
5.7K+ views

Hi,

I am not sure what I'm doing wrong. I pass my data to the grid this way: [data]="rowData$ | async". I define this in my component as such: 

rowData$: Observable<any>;
ngOnInit() {this.rowData$ = this.requestService.getData}

I would not want to modify this code, or my service code, so I need to know how to use the grid features when passing the data to the grid this way.

Also in the grid I have the following:

[sortable]="true"
[pageable]="true"
[filter]="state.filter"
[filterable]="true"
(dataStateChange)="dataStateChange($event)"

For filtering, I can see the filters textfields and filter buttons but when I type something, the data does not change.

For sorting, nothing happens when I click in the column header.

For paging, I see the number of pages and items at the bottom but the functionality does not work. I set to have only 12 items per page, and I see '1-12 items of 17' but all items are shown on the 1st page.  I see the grid has 2 pages, but clicking on page 2 does not work, probably because all items are already displayed in the 1st page.

Also, I need to have a column with a filter always set, unless the user removes it. My idea was to use a kendo-switch to switch between group 1 and group 2, but this is not working for me either. Is it possible to have longer text instead of on/off?

I'm guessing my problem is coming from not understanding how to handle the data after the grid is initialized.

Thanks in advanced,

Carla

Ivan
Telerik team
 answered on 20 Sep 2018
1 answer
843 views

How i set the dynamic width for chart?

I'd like to get the dynamic horizontal scrollable

 

<kendo-chart #chart renderAs="canvas"        (seriesClick)="onSeriesClick($event)">         
  <kendo-chart-title text="APP"></kendo-chart-title>           
<kendo-chart-legend position="bottom"></kendo-chart-legend>           
<kendo-chart-tooltip [shared]="true"></kendo-chart-tooltip>   
<kendo-chart-series>               
<kendo-chart-series-item
*ngFor="let item of DataList"                   
[data]="item.worked_hours_month"             
[name]="item.worker"                    
field="worked_hours"                  
categoryField="month">            
</kendo-chart-series-item>            
</kendo-chart-series>        
</kendo-chart>

 

 

Dimiter Topalov
Telerik team
 answered on 20 Sep 2018
5 answers
279 views

Hi,

I am working with the kendo chart , I need to add the label for each column ( vertically because horizontally it may not get enough space).

I have seen one example https://demos.telerik.com/kendo-ui/bar-charts/local-data-binding (similar need with angular and need axis also)

I have attached one image also, I am checking similar option to represent the chart with kendo angular

 

Thanks

 

 

 

Dimiter Topalov
Telerik team
 answered on 19 Sep 2018
1 answer
169 views

Hello,

I'm trying to integrate the Kendu UI Grid to a Spring Boot REST API.  I have it working okay, but when I try to enable sorting and filtering I am running into issues.  Spring Boot requires the params for paging to be called "page" and "size" instead of the Kendo "skip" and "take".  I was able to work around this, but filtering is much more complex.  I found toDataSourceRequestString which converts the state to a format for ASP.NET MVC.  Is there any such integration for Spring Boot?  Has anyone run into this and found a reasonable work around?

Thanks.

Dimiter Topalov
Telerik team
 answered on 19 Sep 2018
24 answers
2.8K+ views
Is there an example of adding tooltips to a select set of columns in a grid in angular 5? All of the examples I have seen are for jquery or older versions of angular without typescript. 
Svet
Telerik team
 answered on 18 Sep 2018
1 answer
267 views

Hi,

I am working on pdf export , As I am using 

https://www.telerik.com/kendo-angular-ui/components/pdfexport/

By placing the content in the <kendo-pdf-export> component. 

How I can add header and footer (with page number)?

Thanks

Amit

Dimiter Topalov
Telerik team
 answered on 17 Sep 2018
5 answers
129 views
I am using kendo chart , Now I want to export the kendo-chart without renedering - I found one similar querion but it is for silverlight https://www.telerik.com/forums/export-chartview-without-rendering. Any way around to achive kendo-angular-chart export without rendering.
Thanks
Svet
Telerik team
 answered on 17 Sep 2018
1 answer
330 views
Is it possible to configure components globally?  For example, I want to disable animation for dropdowns globally instead of doing it each time I use that component.
Svet
Telerik team
 answered on 14 Sep 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?