Hi there

We are a small startup and like Kendo UI for Angular8 Datagrid very much. We downloaded a free trial to make sure it;s working before buying a license.

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/filter-all-columns/

We asked a  contractor to integrate the component and he did integrate the data-grid and it looks good. But our memory requirement went from 2G to 4G and he asked us do following:

EXPORT NODE_OPTIONS=--max_old_space_size=4096

This is not good as we want our application to be light weight. We are almost (sadly) thinking of dropping this and looking for alternative data-grid products.

Could you please suggest if Kendo's angular8 has this memory expectation or we are doing something wrong?

Thank you so much

Angel

Hello,

I have an application, where my API is serving data to my front end angular application. I am setting a background image of an element, where the image path is from the API, and I get an error:

Access to fetch at 'https://api-path.com/files/user_logos/id/logo.png' from origin 'https://www.front-end.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

And the image is not showing in the exported PDF.

How can fix this?

Thank you for the information!

Kendo upload ui control works if the web api controller return empty string, but it errors out of try to return any kind of non-empty string value.

Is there way to return a valid string value that can be processed on the client side?

Hello Team,

I am trying to customize the example grid provided in below link.

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/row-reordering/

Here I have added a [selectable]="true" property to the Kendo Grid. After that I have clicked on a row which highlighted the clicked row(for example 2nd row), then I tried to drag the row to 4th position. When I drag the selected row, the content of the row is dragging but the selectable is still fixed there in 2nd row(I mean highlighted color).

And second thing is, I am able to drag the header as well. The content of the header is not dragging but first row is changing when I drag the header. I feel the dragging should not happen while I am dragging on header.

Is there any work around on these two issues? Kindly suggest.

Hi,

Am not able to find drag to create or selectable options as other(Jquery etc.) kendo schedular has. I wanted it to implement in my Angular schedular process.

Thanks and Regards 

Anto Rupak

I am using Tree view control and trying to show checkbox in front of tree items. I have used [kendoTreeViewCheckable] but still in the output I am not able see the checkbox in front of items. Here is the code:

Component.html

<kendo-treeview
            [nodes]="data"            
            textField="text"           
            [children]="children"
            [hasChildren]="hasChildren"
            kendoTreeViewExpandable
            [kendoTreeViewCheckable] ="checkableSettings"
            [(checkedKeys)]="checkedKeys"
        >
    </kendo-treeview> 

Component.ts : 

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { Observable, of } from 'rxjs';
import { CheckableSettings } from '@progress/kendo-angular-treeview';
@Component({
  selector: 'app-mini-pub-info',
  encapsulation: ViewEncapsulation.None,
  templateUrl: './mini-pub-info.component.html',
  styleUrls: ['./mini-pub-info.component.less']
})
export class TestComponent implements OnInit {

public data: any[] = [
    {
      text: 'Total', items: [
        { text: 'Gen' }
      ]
    },
    { text: 'QLD', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'NSW', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'VIC', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'SA', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'Load', items: [
        { text: 'CG' },
        { text: 'UT' },
        { text: 'T3' },
        { text: 'GU' },
        { text: 'SNY' },
        { text: 'BLG' },
        { text: 'MU' },
        { text: 'LNGS' },
        { text: 'VPGS' },
        { text: 'SA' }
      ]
    }
];

constructor() { }
  ngOnInit() {
  }
  public get checkableSettings(): CheckableSettings {
    return {
        checkChildren: true,
        checkParents: true,
        enabled: true,
        mode: 'multiple',
        checkOnClick: true,
    };
  }

 public children = (dataItem: any): Observable<any[]> => of(dataItem.items);
  public hasChildren = (dataItem: any): boolean => !!dataItem.items;

}

Output:

Attached

Hi,

I am trying to create a kendo calendar picker but I do not want to have any input-field action firing. I would love to just open the calendar without being able to access any input fields. This is because we are using a custom touch device and the opening of the keyboard simultanously with the calendar ist quite distracting (it opens because the input field is focussed after selecting a date). Is it possible to make the input readonly but still have an input possibility using the calendar picker?

Thanks in advance.

I'm a little new to angular so this may be a bit of a newbie question.  I created my component and added the pie chart.  Looks great only problem is the chart is extremely small.  How do I increase the size of the chart?  I watch the video of Melissa (I believe was here name) and she said something about using CSS.  I'm ok with CSS but don't know where I would put it since it's using bootstrap, component.css and app.css.  Also, not sure if I define a custom attribute or what?  I greatly appreciate any help in this matter. 

See attached for reference...

-rj