Telerik Forums
Kendo UI for Angular Forum
1 answer
416 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
503 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
347 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
177 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.4K+ 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]="{ enabled: true, checkboxOnly: true, mode: '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
Iron
Veteran
 asked on 27 Jul 2021
1 answer
482 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
191 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
1 answer
490 views

How can I get ride of the space between the first data point and the y-axis of a line chart.  

Or in other words how can the category axis start exactly at the value axis?

Hetali
Telerik team
 answered on 26 Jul 2021
1 answer
574 views

Using multiple select mode and paging with a custom key for determining selection and your built in selection directive.

If you select a row on one page of data and then go to another page and select a row WITHOUT holding CTRL, the selected item on the first page remains selected instead of clearing.  This is not what I would expect and not what it does without using the custom key/directive features.  Especially since it will clear any other selections on the page I'm looking at, but not clear them on the other pages.

Your docs say the following..

To leave only the current row selected and deselect all previously selected rows:

  • Click a row within the Grid

You can see the incorrect behavior in your demo site.

Persisting the Selection - Grid - Kendo UI for Angular (telerik.com)

Slavena
Telerik team
 answered on 26 Jul 2021
3 answers
163 views

Hi,

 

Could i see on screen simultaneously all my week on left screen And current day on right screen ?

Could i use an scheduler compomnent alone or i must add an other Calendar Compoinent ?

Regards

Georgi
Telerik team
 answered on 26 Jul 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?