Telerik Forums
Kendo UI for Angular Forum
1 answer
359 views

Hi, 
I need to customize the MultiViewCalendar for angular to have two months vertically for select two dates ranges. The main reason is to use a date picker in this way is to allow users to select a date range and see it and highlighted range.
The expected way of the MultiViewCalendar is like this,

  • The user clicks on the text box and it will open the MultiViewCalendar.
  • MultiViewCalendar will show two near two months.

When the user selects a date from the first calendar it should highlight the start date and when the user selects the second month it should highlight the end date and whole selected range. This we can handle using one of your examples.

What we stuck in showing two months and allow users to navigate forward and backward and select the end date in the second calendar view. Example view is something like this.

Silviya
Telerik team
 answered on 30 Jul 2021
1 answer
362 views

Dear support we have a data grid with 30 columns and 5000 rows, when we try to filter by `process` function the system responds quite slow (it freezes the ui). 

Overview - Data Query - Kendo UI for Angular (telerik.com)

Do you have any suggestion?

Svet
Telerik team
 answered on 29 Jul 2021
1 answer
267 views

Good Day,

Is there a way to achieve the same responsive behavior as is available on the Toolbar component for the grid toolbar?  

i.e. I'd like to set overflow="true" on the kendoGridToolbarTemplate though I know this is not possible.

Stoyan
Telerik team
 answered on 29 Jul 2021
1 answer
343 views

Hi,

I have a template for a kendo grid column filter where I use a material datepicker to select a date. 

The issue that is happening when the kendo grid is located inside a material Dialog. 

 

As you can see on the screen, the mat datepicker is appearing behind the filter. That happens because the mat-datepicker dialog is being instantiate in the cdk-overlay, in the same div that contains the grid, so they share the same Z-index.

And the kendo-grid filter is being instantiated inside the app.component. 

I think that we have two possible solutions: instantiate the filter's kendo-popup inside the cdk-overlay div or move the mat-datePicker next to the kendo-popup with a higher z-index.

If I use a kendo-datepicker this issue doesn't happens because it is instantiate next to the kendo-popup but I need the mat-datepicker for designs requirements. 

 

Thanks in advance,

V

Yanmario
Telerik team
 answered on 28 Jul 2021
1 answer
421 views

Hi,

 

I have error error TS2307: Cannot find module with SVG file in Angular12 on https://github.com/telerik/kendo-angular-stackblitz-app

 

Regards

Yanmario
Telerik team
 answered on 28 Jul 2021
1 answer
246 views

Hello all,

I'm working on an application that has an area where you import a list of ID numbers from a CSV file, entirely in the browser, no upload. We've been having performance issues with the <select> element and very large lists, so I decided to try a multiselect component with virtual scrolling. It works pretty well in Chrome, but as we are a government shop, we still have to support IE, and I've noticed a couple issues:

  1. If I scroll to the bottom of the popup, it never goes past 54,824 rows
  2. Somewhere around 450,000 items, the popup opens up with nearly zero height and no items are visible. The items are present in the popup, but according to this StackOverflow question, IE is interpreting the extremely large height value of the k-height-container as 0

The empty popup:

The popup markup with the first few list items showing in IE's devtools:

The virtual scrolling div with the item list collapsed, showing the k-height-container:

We just upgraded our application to Angular 7.2, and I'm using the latest compatible version of kendo-angular-dropdowns, 4.4.1. Could these issues perhaps have been addressed in a later version?

Thanks in advance,

Matt

Martin Bechev
Telerik team
 answered on 28 Jul 2021
0 answers
116 views

I would like to export all the data without defining the individual fields

This is my html code:

<button type="button" class="k-button" (click)="save(excelexport)">
Export To Excel
</button>
<kendo-excelexport [data]="allDataExport" fileName="Products_export.xlsx" #excelexport></kendo-excelexport>

this is my ts code:


public save(component): void {
		const options = component.workbookOptions();
		const rows = options.sheets[0].rows;

		component.save(options);
}

This function returns empty excel but datasource(allDataExport) is not empty

the format of my datasource is this:


0:
  0: "product 1"
  1: "12"
  2: "0"
  3: "numeric"
1:
  0: "product 2"
  1: "12"
  2: "0"
  3: "numeric"
2:
  0: "product 3"
  1: "12"
  2: "0"
  3:: "numeric"
3:
  0: "product 4"
  1: "12"
  2: "0"
  3: "numeric"

 

alex
Top achievements
Rank 1
Iron
Veteran
 updated question on 27 Jul 2021
0 answers
2.3K+ views

I am using kendo-angular-grid v 5.0.3 and if I declare

  <kendo-grid-checkbox-column showSelectAll="true">
  </kendo-grid-checkbox-column>

 

in my grid before any of my <kendo-grid-column> definitions, with

  [selectable]="enabledtruecheckboxOnlytruemode'multiple' }"

 

defined in <kendo-grid>  I do not see a checkbox column, even if I add to my grid the following:

  [kendoGridSelectBy]="parent.rowsSelectedKeys"
  [selectedKeys]="parent.selectedRows"

 

My columns are built from a set of config as so:

  <kendo-grid-column
    *ngFor="let col of parent.columnDefinitions$ | async"
    [ngSwitch]="col.type"
    field="{{ col.field }}"
    title="{{ col.title }}"
    width="{{ col.width }}"
    [editable]="col.editable"
    editor="{{ col.type }}"
    format="{{
      col.filterFormat == 'datetime' || col.filterFormat == legacyDateTimeFormat
        ? gridDateTimeFormat
        : dateFilterFormat
    }}"
    filter="{{ col.type == 'string' ? '' : col.type }}"
    [filterable]="col.filterable"
  >

 

Why am I not seeing my checkbox selection column displaying?

 

Murray
Top achievements
Rank 1
Iron
Veteran
 asked on 27 Jul 2021
1 answer
414 views

I have multiple dropdowns, comboboxes and mutil column comboboxes on single page.
In some cases dropdownlist size small but content in popup is big.
How can I set the width of the popup list as per content?

I tried to override k-animation-container class but it is impact to all other pages, controls & components.

How can I restrict list width to specific control? I want different width control-to-control

Preslava
Telerik team
 answered on 27 Jul 2021
0 answers
139 views

UI------------>Actual Value
VS Studio----->1
VS code ------>2
VS studio----->1
Compiler------>3

 

I want to filter on UI displayed value

<kendo-grid-string-filter-menu [extra]="false" [column]="column" [filter]="filter"
    [filterService]="filterService" operator="contains">
    <kendo-filter-contains-operator></kendo-filter-contains-operator>
  </kendo-grid-string-filter-menu>
nama
Top achievements
Rank 1
 asked on 26 Jul 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?