Telerik Forums
Kendo UI for Angular Forum
0 answers
127 views

Hi,

How can I achieve this hierarchical grid with n-levels (see attachment)?

Each level of the grid has the same fields, but the latest column on each level should be aligned to the right at the same place.

Is the row detail template the most suitable solution here? how to achieve that aligned column?

 

thx

Kristof
Top achievements
Rank 1
Iron
Iron
 asked on 03 Aug 2021
2 answers
583 views

Hi,

I am upgrading a project from Angular 7 to Angular 12 (actually rebuilding from scratch).
My grid version is 

"@progress/kendo-angular-grid""4.7.4"


It does not display the column chooser to the right - is this by design?
How to place extra buttons in the header and pull right?
Before I could just use bootstrap helpers but it seems this is no longer the case.

I have attached an image to show what I mean, what more info do you need?

Cheers,
Bob

 

 

Bob
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 02 Aug 2021
1 answer
507 views

Hi i have a problem about kendo angular editor. I used editor for dynamic html bind. But these htmls using bootstrap. For example one page using tabs. And html have data-toggle attribute in <a> tag. But when i use the editor this data-toggle attribute always deleted. I look at the demos i saw ProseMirror Schema title. I applied same steps and created custom schema. Everything works perfect. But when i rebuild my code from zero Angular shown me the errors. I research the error but not find anything. I added the error pics. Can anyone help me?

Note:

Angular version 8

Editor version 2.3

Kamer
Top achievements
Rank 1
Iron
 answered on 01 Aug 2021
1 answer
450 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
408 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
346 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
397 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
475 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
332 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
166 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?