Hi,

How can I go about making the menu responsive?

Something similar to this: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown

Thanks.

Hi,

I am using kendo-tabstrip-tab. In each of the tab's content I have a kendo-grid. When we switch between the tabs, there is painting issue.I see the following information on your website.

"By default, the component either creates the content of all its tabs when it is initialized or creates the content of each tab when the tab becomes active. When the

When set to true, the component renders all tabs and they are persisted in the DOM. By default, keepTabContent is false.tab is not in use anymore, the TabStrip destroys it. This specific default behavior depends on the value of the keepTabContent option.

"

Where do I set keepTabContent=true ? Will this solve the painting issue when we switch between tabs.

Regards,

Jyothi

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,

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?

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

     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 ?

     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

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

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