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

setting the height of the popup creates a container of the appropriate height, but some internal scroll div in the popup container still has a max height of 200, so you get a little scroll box inside the larger popup box instead of expanding to fill the container.

You can see this behavior in your documentation here.

https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/PopupSettings/

click the run code on your example and open the dropdown.