Telerik Forums
Kendo UI for Angular Forum
5 answers
169 views

Hi.

Will the virtualization functionality be released for combobox and dropdown widgets. I have seen several posts of users that are asking for it. It already exists for react and vue.js. Can you tell me please if you are planning (and when) to implement the same functionality as well in kendo for angular? 

Kind regards,

Dimiter Topalov
Telerik team
 answered on 12 Apr 2019
1 answer
80 views

The current scheduler seems to have the all-or-nothing approach when it comes to displaying events within a slot.  So if even a few minutes are used in a slot then the entire slot is filled.  This approach is different then what you experience in say Microsoft Outlook which has a more flexible way of displaying events.

Take this for example

https://stackblitz.com/edit/angular-uapm6j

 

My event is only a half-hour but based on the display it appears to consume an entire hour.  But doing something similar in Outlook actually shows than an event only takes up partial slots (please see attached).

Are there any plans to make the event display more flexible so events only fill what is actually being used?

Svet
Telerik team
 answered on 11 Apr 2019
2 answers
844 views

Hi,

I'm using Kendo UI Window component for Angular and want to prevent users from maximizing the window. Telerik Kendo UI Window component
I was able to remove the Maximize-button, but a Dobuleclick on titlebar still maximizes the window (.

Any solution for this?

Regards,

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 10 Apr 2019
3 answers
882 views

     Hello,

I'm following the databinding example in my project. I'm trying to load an scheduler with data coming from ASP.NET CORE api backend. The trouble i'm having is that this data is loaded async and i'm not able to show data on the scheduler. What I managed to do is load my resources on the board and that shows correctly. But tieing the events to the slot is where I'm stuck 

This is the code I got

      <kendo-scheduler
        [resources]="resources"
        [kendoSchedulerBinding]="events | async"
        (dateChange)="onDateChange($event)"
        [group]="group"
        [selectedDate]="selectedDate"
        *ngIf="!isLoading">
        <ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
          <span [style.color]="resource.color">{{ resource.text }}</span>
        </ng-template>
        <kendo-scheduler-timeline-view> 
        </kendo-scheduler-timeline-view>
        <kendo-scheduler-timeline-week-view>
        </kendo-scheduler-timeline-week-view>
      </kendo-scheduler>

 

 ngOnInit() {
    this.isLoading = true;
    this.getLocations().then(data => {
      let result: any[] | { text: string; value: string; color: string }[] = [];
      data.forEach(element => {
        result.push({
          text: element.shortName,
          value: element.locationId,
          color: "#6eb3fa"
        });
      });

      this.resources[0].data = result;
      this.isLoading = false;

    });

    this.events = this.scheduleService.getSchedule(1690, '2018-10-22T00:00:00', '2018-10-22T00:00:00', 'C9FA11C2-B1DA-42FE-971A-BD1D5DB8E683', false);
    console.log(this.events);
  }

  ngAfterViewInit() {
    console.log('view loaded');
    this.events.forEach(item => {
      console.log(item);
    })
  }

  async getLocations(): Promise<Location[]> {
    let locationId = this.locationService.currentLocation.locationId;
    let response = this.locationService
      .getPlanningLocations(locationId)
      .toPromise();
    return response;
  }

getSchedule(securable: number, fromDate: string, untilDate: string, locationId: string, isBulk: boolean): Observable<SchedulerEvent[]> {
const params = new HttpParams()
.set('Securable', securable.toString())
.set('StartDate', fromDate)
.set('EndDate', untilDate)
.set('LocationID', locationId.toString())
.set('IsBulk', isBulk.toString());
return this.http.get<Schedule[]>(endpoint + '/GetSchedule', { headers: headers, params: params }).pipe(map(data => {
return data.map(item => {
return <SchedulerEvent>{ id: item.scheduleId, start: new Date(item.startDate), end: new Date(item.endDate), title: item.scheduleERPCode, locationId: item.locationId };
});
}));
}

 

getPlanningLocations(id: string): Observable<Location[]> {
return this.http.get<Location[]>(endpoint + `/GetPlanningLocations/${id}`, { headers: headers });
}

 

Can someone point me in the right direction ?

 

Dimiter Topalov
Telerik team
 answered on 08 Apr 2019
6 answers
434 views

     Hello, I have a few questions regarding the current state of the Editor.

1. Is there an option to edit the font, font size, fore color, and back color? Can this be done with a directive?

2. How do I get the instance of the editor so I can call various methods like editor.exec('setHTML', '<p>HTML content</p>')?

3. Is there a way to insert text at the current cursor location?

Thanks,

Scott

Paul
Top achievements
Rank 1
 answered on 02 Apr 2019
1 answer
2.0K+ views

Hello all,

    I am trying to implement Kendo Upload in my project. Project is at Angular 4.4.6 version. We are having difficulty understanding and finding an example which shows how you send an attachment with a true web service call. 

 

Can you please post an example which shows an example with a true web service call to upload an attachment. 

Thanks,

Akshay

Dimiter Madjarov
Telerik team
 answered on 01 Apr 2019
10 answers
961 views

Hi,

As I am trying to export pdf on first page only I want to disable the margin to display icon corner page. But due to margin icon is cropping. 

How I can show complete icon on corner when margin kept as 2cm.

I have created stackblitz sample -
https://stackblitz.com/edit/angular-reexcq-48ruxl?file=app/app.component.ts

I have attached exported pdf. How I can disable margin first page or apply z-index for icon to display complete icon

 

Chaitra
Top achievements
Rank 1
 answered on 01 Apr 2019
4 answers
901 views

I have an object 

 

export class NameGroup {

    nameGroupId: number;
    nameGroupString: string;
    sequence: number;
    creationDate?: Date;
    lastModifiedDate?: Date

}

and a component that has 

public nameGroups: Array<NameGroup> = [];
public selectedNameGroups: Array<NameGroup> = [];

 

the component template is as follows: 

<kendo-multiselect
    #nameGroupList
    [data]="nameGroups"
    [(ngModel)]="selectedNameGroups"
    textField="nameGroupString" 
    valueField="nameGroupId"
    [valuePrimitive]="false"
    name="nameGroupList"
></kendo-multiselect>

 

The object binding is not working. Will not show what values are selected in the input box even though the dropdown has them selected when it opens.

What am I doing wring? I know in previous versions of progress for angular you had to give the dropdown a function that could compare the objects. Is this still true?

 

Svet
Telerik team
 answered on 28 Mar 2019
2 answers
997 views

Hi,

I am using kendo-window in my application. When I open the window by clicking on a  button,it opens, but the focus is not on the kendo-window. As a result, if I click on the 'X' icon, it does not close. I have to first click somewhere on the kendo-window before the 'X' icon/button works (i.e it closes the window).

Is there a way to set the focus on the kendo-window upon opening? I am using Angular 6. This is usability issue and needs to be resolved.

In my test app, where I have this as a standalone project like we see in stackblitz, it works. I can't understand why it would behave differently in my real application.

Any pointers would be really helpful.

Regards,

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 27 Mar 2019
1 answer
1.4K+ views

Hi there,

By default, the datepicker control automatically resets the value if manually entering an invalid day, or month value) . I.e. if day = '43' it changes it to '03', if month = '14' it changes it to '4').

Is it possible to simple show an "invalid date" message in this case so that the user is aware that a correction is needed? The control currently picks a valid value so the user is not aware that they entered an invalid date.

Thanks,

Anthea

Dimiter Topalov
Telerik team
 answered on 27 Mar 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?