Hi there,

I am trying some days to create grids by clicking a button. My first idea was to create a "ngFor" to an arrayList of grids and add that grid when clicking the button. However, I have not achieved this functionality and I did not see information on web.

I would be grateful if you could guide me into a solution.

Also, it is important to maintain the previous functionalities that I added. To simplify a little bit, I did a little change in https://www.telerik.com/kendo-angular-ui/components/knowledge-base/drag-drop-between-grids/ example code.

Regards,

Jose

The Month view is not very useful when there are many events in a day - it currently only displays 1 or 2 event titles and then the "click for more" (ellipses) button.  I was hoping to override the template to show a summary of how many events exist for that day.  The attached screenshot shows what I am trying to achieve using an open-source calendar component.

When I tried to override the kendoSchedulerMonthDaySlotTemplate, the events for that day covered the actual text of the template.  Is there a way to at least suppress the rendering of the events themselves so I can just use my own template to display some summary data?

Thanks,

Bryan

I*m using both the slot selection and a single click event handler in the same scheduler component:

<kendo-scheduler
            [kendoSchedulerBinding]="allEvents$ | async"
            (eventClick)="eventClickHandler($event)"
            kendoSchedulerSlotSelectable
            (slotSelectionChange)="onTimeSlotSelectionChange($event)"
            [resources]="resources"
            [selectedDate]="selectedDate"
            [(selectedViewIndex)]="selectedViewIndex"
            [eventClass]="getEventClass"
            (dateChange)="onDateChange($event)"
            [loading]="loading"
            showWorkHours="true"
            workDayStart="{{formatDateAsTime(businessStartDate)}}"
            workDayEnd="{{formatDateAsTime(businessEndDate)}}"
            style="height: 1050;"
        >
            <ng-template
                kendoSchedulerEventTemplate
                let-event="event"
                let-resources="resources"
            >
                <span class="{{ resources[0].customCssClass }}">{{formatEventText(event, resources[0])}}</span>
            </ng-template>
            <kendo-scheduler-day-view [eventHeight]="300"></kendo-scheduler-day-view>
            <kendo-scheduler-week-view></kendo-scheduler-week-view>
            <kendo-scheduler-month-view></kendo-scheduler-month-view>
    </kendo-scheduler>

I would expect when clicking on an existing event in the scheduler, only the eventClick handler would fire.  But both the eventClick handler AND the slotSelectionChange handler are firing in that case.  How do I prevent that?

Hello,

I've been working towards creating a scrollview with content inside of the div area. Some information fits, however, when scrolling to new information the scrollview does not allow for height: auto;

below is an example of what my code looks like. I am needing to replace the height with an auto height, to make sure that the content that displays is viewable regardless of the height.

Please let me know if you have more questions, as this is throwing me for a loop. Unfortunately, I am a new designer, and my coding skills are not yet what they need to be. I am assuming that this can be corrected inside of the TypeScript/JavaScript files.

I am using the external filter example

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/external-filtering/

When initially filter, it filters and saves the filterValue as it does in the example

When I closed and re-open I get the following message: 

Error: There is no user-defined filter with 'sender_Name' field provided through the [filters] input property.

sender_name is the correct field. Below is the filters I am using.

export const  caseFilters: FilterExpression[] = [
    {
        field: 'sender_Name',
        editor: 'string',
    },
    {
      field: 'assign_To',
      title: 'Assign To',
      editor: 'string',
    },  
    {
        field: 'last_Date',
        title: 'Last Date',
        editor: 'date',
    },
    {
        field: 'case_Level',
        title: 'Level',
        editor: 'number',
    },
  
  ];

<div class="example-config">
  <p class="k-form-hint">
    Click the button below to filter the Grid from an external Filter
    component
  </p>
  <button kendoButton (click)="openFilter()" icon="filter">
    Filter the Grid
  </button>
</div>

<kendo-window *ngIf="opened" (close)="closeFilter()" [width]="620" [top]="300">
<div class="window-content">
    <kendo-filter #filter [value]="filterValue" [filters]="caseFilters">
    </kendo-filter>
    <button kendoButton (click)="applyFilter(filter.value)" style="width:100%;">Apply filter</button>
</div>
</kendo-window>

public applyFilter(value: CompositeFilterDescriptor): void {
  this.gridData = filterBy(this.orignalGridData, value);
  this.loadGrid();
  this.filterValue = value;
}

We are using a framework ASPNetZeo.

Since upgrading kendo (layout was upgraded from 4.0 to 6.2) any modal which is being called within a tabstip-tab has issues where the fade doesn't go away. If I take the modal outside a tabstrip it works fine.

Has anyone come across anything similar?

adding the loader in my projet

<kendo-loader type="infinite-spinner" themeColor="primary" size="medium"></kendo-loader>

No compilation or runtime error, but nothing on the page appears.

Any idea?

I'm using Kendo-Upload in Angular:

<div class="flex flex-col max-w-375">
    <kendo-uploaddropzone zoneId="uploadImagesZone">
      Only JPEG and PNG files are allowed.
    </kendo-uploaddropzone>
    <kendo-upload zoneId="uploadImagesZone" [autoUpload]="false"
      [saveUrl]="this.uploadImagesURL" [removeUrl]="this.removeImageUrl"
      (remove)="onRemove($event)" (cancel)="onCancel($event)"
      (success)="onUpload($event)" [restrictions]="myRestrictions"
                  [multiple]="true"
      [showFileList]="true" responseType="text">
    </kendo-upload>
  </div>

I've validated that the value of "this.uploadImagesURL" is set correctly and clicking on UPLOAD hits the right endpoint (Java Spring REST API):

@PostMapping("image/{name}")
public ResponseEntity<ImageDetails> compressImage(@RequestBody MultipartFile image, @PathVariable final String name) {
}

Is there a way to make custom editors for the External Filter for the grid control

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/external-filtering/

I was looking to have a dropdown for one of the editors.

Thanks

John

We are localizing our application for the first time and have started to pull the key/translations from the yml files in @progress/kendo-angular-messages.

So far we have noticed that the en-US and fr-CA files are missing target values for the following:

• kendo.chat.*
• kendo.multiviewcalendar.*

If we run the command: "npx kendo-translate src/locale/messages.fr.xlf --locale fr-CA", the resulting file is missing target elements for meanings like kendo.chat.send and kendo.multiviewcalendar.today.

It looks like there are other missing packages as well like kendo.colorpicker.*, kendo.stepper.*, and kendo.tooltip.*.

This is a problem for us because we aren't using the Angular i18n built-in support.  Instead, we are using ngx-translate and have implemented our own MessagingService for the kendo strings, using the English files in the kendo-angular-messages as the source for the key/value pairings and for translation.  As a result, if the ids aren't in the yml files, we end up with keys displaying in our UI like this:

Would it be possible to update the kendo-angular-messages repo to contain all the strings, at least in English?