Telerik Forums
Kendo UI for Angular Forum
1 answer
2 views
Hi, 
Currently, I have a kendo dropdown list that looks like this,

I want to add a separator between the last two options (not between all options). Here is my requirement.

I want to know I can do this with angular
Hetali
Telerik team
 answered on 30 Jul 2021
6 answers
318 views

How do you properly generate a swagger based Angular client for Kendo UI asp.net core project with a simple web api controller and DataSourceRequest?

Swagger is obviously a very popular and important technology for development of web applications. Essentially how would you modify the sample project https://www.telerik.com/kendo-angular-ui/components/dataquery/mvc-integration/ so that you could properly generate a swagger client for the FetchDataComponent instead of having to manually code it in as the example does?

I tried to generate a client using ng-swagger-gen (https://www.npmjs.com/package/ng-swagger-gen) and the client generates properly. The problem is the API call it generates has a mock javascript DataSourceRequest object as its input parameter but that is not compatible to the query string format that telerik asp.net core controller is actually expecting.

thank you

 

 

 

 

garri
Top achievements
Rank 1
Iron
 updated answer on 30 Jul 2021
1 answer
5 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
0 answers
1 view

Hi,

I'm trying to find a way to get a date format pattern for the current locale.

Using IntlService.splitDateFormat("d") I'm getting the following array:

[
 {type: "year", pattern: "y"},
 {type: "literal", pattern: "-"},
 {type: "month", pattern: "MM"},
 {type: "literal", pattern: "-"},
 {type: "day", pattern: "dd"}
]

However kendo-datepicker displays a different one as a placeholder

 

Is there a way to get exactly the same date pattern as used in kendo-datepicker?

Yuriy Rogach
Top achievements
Rank 1
 asked on 30 Jul 2021
1 answer
11 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
4 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
19 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 Menev
Telerik team
 answered on 28 Jul 2021
1 answer
13 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 Menev
Telerik team
 answered on 28 Jul 2021
1 answer
15 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
Telerik team
 answered on 28 Jul 2021
0 answers
1 view

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
Top users last month
Matthias
Top achievements
Rank 4
Bronze
Iron
Iron
Psyduck
Top achievements
Rank 4
Bronze
Iron
Iron
Jeffrey
Top achievements
Rank 2
Iron
Veteran
Iron
Thomas
Top achievements
Rank 1
Iron
Vedad
Top achievements
Rank 1
Iron
Iron
Veteran