Telerik Forums
Kendo UI for Angular Forum
2 answers
369 views

Hi guys!

I encountered a very strange behavior by the DatePickerComponent because as I discovered, the component's min field isn't resetting properly upon the OnDestroy lifecycle.

Reproduction code: https://stackblitz.com/edit/angular-22wree

Reproduction steps:

  1. Set the first date to 2018.10.10.
  2. Set the second date to 2018.10.10.
  3. Set the first date to 2018.10.15.
  4. Modify the second date (to trigger the minError validation) to 2018.10.14.
  5. Now press the Reset button twice.

And here comes the bug. If you set the first date to 2018.10.05 and the second date to 2018.10.06, the second date triggers the minError validation error with the first min date and not with the actual date.

These dates are just examples for a fast reproduction but in short you need to trigger the minError validation twice on the second date field: First just normally, and the second must occur after the show/hide mechanism.

I didn't test this for the max field.

Dimiter Topalov
Telerik team
 answered on 05 Oct 2018
4 answers
641 views

I am using the bootstrap theme and the Dialog component is not displaying correctly.  After further investigation I found that the bootstrap theme CSS file is missing many of the .k-dialog styles.  For comparison, the default theme has 22 .k-dialog styles and the bootstrap theme only has 15.  The noticeable exclusions are the styles for the button groups and the title bar.  I am currently using the latest version of the BS Theme (2.14.0).  I attached an image of what I see.

 

I am going to just copy over the missing styles from the default theme but this is definitely not ideal as the color schemes are different so I'll have to figure that out as I go.

Dimiter Topalov
Telerik team
 answered on 04 Oct 2018
2 answers
238 views

In the tooltip template documentation the only input seems to be the value object which has an x and y value.  However, our original data additional metadata that we'd like to show in the tooltip.

To be more specific, each data point has a date for the x value, a dollar amount for the y value and then there is an additional field that shows the username responsible for that datapoint. I'd like to be able to include that username in the tooltip for the point in the chart.  Is that possible?

data = [{forecastDate: new Date(2018, 8, 15), forecastAmount: 3500.35, userName: 'John Doe'}, ..... more of those .... ];

 

if i'm using forecastDate for the X-Axis and forecastAmount for the Y-Axis, is it possible to use the userName field in the tooltip for each point?

 

Daniel
Telerik team
 answered on 04 Oct 2018
1 answer
150 views

Hello,

  I have 2 grids both of them have the same columns expect one grid has few additional columns. When I try to sort any column it reflects back on the second grid as well. 

I do have different functions for the grid like:

  public groupChangeGrid1(groups: GroupDescriptor[]): void {
    this.groupGrid1 = groups;
    this.loadDataGrid1();
  }

  public groupChangeGrid2(groups: GroupDescriptor[]): void {
    this.groupGrid2 = groups;
    this.loadDataGrid2();
  }

  private loadDataGrid1(): void {
    this.gridView1 = process(this.summary_data, { group: this.groupGrid1, sort: this.sortGrid1 });
  }

  private loadDataGrid2(): void {
    this.gridView1 = process(this.detail_data, { group: this.groupGrid2, sort: this.sortGrid2 });
  }

  public sortChangeGrid1(sort: SortDescriptor[]): void {
    this.sortGrid1 = sort;
    this.loadDataGrid1();
  }

  public sortChangeGrid2(sort: SortDescriptor[]): void {
    this.sortGrid2 = sort;
    this.loadDataGrid2();
  }

And my grid settings look something like 

<kendo-grid [kendoGridBinding]="detail_data" [pageable]="true" [pageSize]="10" [groupable]="true" [scrollable]="true" [data]="gridView2"
            [group]="groupGrid2" (groupChange)="groupChangeGrid2($event)" [sortable]="{
            mode: 'single'
            }" [sort1]="sortGrid2" (sortChange)="sortChangeGrid2($event)">

 

<kendo-grid [kendoGridBinding]="summary_data" [pageable]="true" [pageSize]="10" [groupable]="true" [scrollable]="true" [data]="gridView1"
            [group]="groupGrid1" (groupChange)="groupChangeGrid1($event)" [sortable]="{
            mode: 'single'
            }" [sort]="sortGrid1" (sortChange)="sortChangeGrid1($event)">

 

Would be nice to have an example provided as a reference if possible. 

bhavin
Top achievements
Rank 1
 answered on 03 Oct 2018
3 answers
930 views

Hi,

Thank you for all your help.

I am using kendo-upload, and I need to add text next to the upload button, regardless to what happens after opening.

Please see attached image.

Thanks

 

 

Dimiter Madjarov
Telerik team
 answered on 03 Oct 2018
1 answer
392 views

While navigating from grid component to another grid component ,since angular doesn't recreate the whole component  as it is the same path, I expected the table generated not to store previous grid setting.

For example:- if I resize the column on the current grid and I navigate to the next grid, the component is still storing the old resize value.

Solutions I tried:

1. Used columnResize event to know the old width and, I tried to reset the width by setting the style attribute with oldWidth.

2. Tried to recreate the grid table by using Structural directives like *ngIf as well but the table was not being recreated.

Please advise on how to proceed.

 

 

Svet
Telerik team
 answered on 03 Oct 2018
4 answers
299 views

Is it possible to integrate Kendo Map  - Heat Map of the US?
Please find the attachment as a reference, thanks! 

Svet
Telerik team
 answered on 02 Oct 2018
9 answers
1.4K+ views

I am trying to use the kendo-splitter component, but the splitter does not show up correctly between left and right pane. Instead, it is at the top left corner when I set orientation=horizontal. I have attached screenshots of both horizontal and vertical orientation of the component on my page.

I can use the kendo-panelbar OK, which indicates I should have 'LayoutModule' correctly installed.

Could someone tell me what I missed? Thanks!

 

Ivan
Telerik team
 answered on 01 Oct 2018
1 answer
1.0K+ views

Im using the jQuery autocomplete widget on an existing project and there is an option to only fire the filter event after a number of characters are typed.  I dont see that option mentioned on the Angular autocomplete component.  Am I missing something?

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/data-binding/

Dimiter Topalov
Telerik team
 answered on 01 Oct 2018
1 answer
95 views

Hello,

I am trying to use the conversational UI widget for Angular. Using the getting started instructions I created a Angular 5 application and installed the dependencies.  When I run the application I get the following error:

Argument of type 'UnaryFunction<Observable<any[]>, Observable<any[]>>' is not assignable to parameter of
type 'UnaryFunction<Observable<Message>, Observable<any[]>>'. Types of parameters 'source' and 'source' are
incompatible. Type 'Observable<Message>' is not assignable to type 'Observable<any[]>'. Type 'Message' is
not assignable to type 'any[]'. Property 'length' is missing in type 'Message'.
// ... and emit an array of all messages
scan((acc, x) => [...acc, x], [])
L64:  );

I have not been able to figure out why this error is occurring.  Any assistance would be greatly appreciated.

 

Scott

 

Dimiter Topalov
Telerik team
 answered on 01 Oct 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?