Telerik Forums
Kendo UI for Angular Forum
2 answers
1.0K+ views

How do we append the Dialog to <body> by default?

Something equivalent of  POPUP_CONTAINER but for Dialog?

 

PS: We are migrating a fairly large app from Kendo UI for AngularJs to Kendo UI for Angular, AngularJs App has a "PopupService"  which wraps around  $kWindow from angular-kendo-window, $kWindow appends to Body by default and would like to replicate the behaviour using DialogService

Thanks

Svet
Telerik team
 answered on 30 Jan 2019
4 answers
309 views

Hello,

I recently have a project that it's necessary to have a filter menu with popup in grid.

I then found this very helpful example here et got it work with fields like string, number

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-menu-filtering

But, I could not have a filter with date ! taking this example : https://cd7bdu.run.stackblitz.io/, I would like having something like these in the filter menu :

- [ ] check all

- [ ] 9/20/1996

- [ ] 8/12/1996

- ...

By the way, I also need to have a checkAll checkbox in order to select all the element (please see attachment).

Could you please have any suggestion for theses problems ?

Thanks in advance for your help,

Best regards,

Yen DO

 

Yen
Top achievements
Rank 1
 answered on 28 Jan 2019
1 answer
1.2K+ views

I need to have the detail row details always expanded (for every row), and also remove the +/- button that allows a user to expand/collapse details.  Anyway to do this with the Kendo grid?

Attached is an example of what we are trying to achieve.  The image is from the Telerik Silverlight GridView control.  We are rewriting the Silverlight app into Angular.

 

Dimiter Topalov
Telerik team
 answered on 28 Jan 2019
1 answer
361 views

Hi,
I am reading about this feature request and it sounds interesting, but I can not find anywhere (probably because I don't know what I am looking for) any information:

  • what it is
  • what problem solves
  • when should I use it.

Can someone share some links, information.

Dimiter Topalov
Telerik team
 answered on 28 Jan 2019
1 answer
251 views
I'm playing around with the possibility of using the TabStrip component, and have added one of my components as the content of a Tab.  I'm wondering how to access that content component inside the tab now?  I can't seem to get access to the tab collection ... i must be missing something obvious.
Svet
Telerik team
 answered on 28 Jan 2019
2 answers
231 views

After manually installing (previous post), I am adding the kendo-editor to my template.  When I add, I am getting an error/warning in Visual Studio Code (red squiggly) over the entire page.  If I remove the kendo-editor tag, the error/warning goes away (red squiggly).  Attached is a screenshot of the code with the VS Code error/warning ("[Angular] Cannot read property 'isSkipSelf' of null").  The editor appears to work properly (still testing features) when I run the project/page, it is just the error in VS Code that is confusing.

Tim
Top achievements
Rank 1
 answered on 25 Jan 2019
2 answers
149 views

What could be the possible reasons for the files not getting posted to the Controller? I could see the Files collection on the Client.

I tried the following options

  • Used an MVC controller  with the [saveUrl] property with the input parameters(List<IFormFile> files) and the files are coming empty?
  • Used an API controller with a manual upload(passed in the API URL) with the same input parameters(List<IFormFile> files) and the files are coming empty?
  • Added EnableCors and made the changes in the startup.cs file.

Could you please suggest or guide me?

 

Thank you,

Sathya

 

Dimiter Topalov
Telerik team
 answered on 25 Jan 2019
1 answer
384 views

I am building a dialog using ng-template as per the documentation. 

 

https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-using-templates

 

I want to provide a custom title bar.  So I am using the <kendo-dialog-titlebar> directive to create my title.  This displays correctly but if my dialog window is too long and I have to scroll, then I lose the title bar when I scroll to the bottom.  The title bar should remain locked at the top no matter where I scroll.  Here is an example I  modified from the docs

 

https://stackblitz.com/edit/angular-ft4nau

 

How can i create a custom title bar and have it scroll locked?

Dimiter Topalov
Telerik team
 answered on 25 Jan 2019
4 answers
1.3K+ views

Hello,

I would like to know if there is an easy way to bind Angular Grid to ASP.NET Core OData controller. What do I mean by easy ?

Well, in Kendo UI for jQuery all we need to do is to specify a 'type' and 'transport' properties in DataSource object; reference: https://demos.telerik.com/kendo-ui/grid/odatav4 

Same applies for Kendo for ASP.NET MVC; reference: https://demos.telerik.com/aspnet-mvc/grid/odata

However, I think that I have already went through whole documentation and I cant find a way to bind OData service with Kendo Angular Grid in the similar way.

This page contains some information about Grid Data Binding: https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/

...however, 'northwind.service.ts' file which expose ProductService class contains two methods and it looks like they perform some sort of 'hardcoded' OData filtering.

In the "Integration with UI for ASP.NET Core" page (https://www.telerik.com/kendo-angular-ui/components/dataquery/mvc-integration/) there is a link to this project: https://github.com/telerik/kendo-angular-demo-aspnetcore-data/tree/master , however ASP.NET Core Controller which serve as a backend is not based on ODataController and does not return JsonResult. Maybe there's a way to change backend implementation, however I'm not sure if everything will work properly using provided client-side code.

I also found this GitHub repo: https://github.com/urfnet/URF.Core.Sample , which looks very promising, there's a dedicated 'service' which seems to handle all http actions (GET,POST,PUT..) and looks very 'resuable'.

 

Am I missing something or is there no easy way ? Do I really need to write my own service to handle Kendo Angular Grid and ASP.NET Core Odata communication ?

 

(I'm using ASP.NET Core 2.1, latest Kendo Angular and OData package which is described in this article: https://blogs.msdn.microsoft.com/odatateam/2018/07/03/asp-net-core-odata-now-available/ )

Augusto
Top achievements
Rank 2
 answered on 24 Jan 2019
1 answer
1.0K+ views

Getting an error during install via 'ng add @progress/kendo-angular-editor':

 

File node_modules/@progress/kendo-angular-/package.json does not exist.

 

Here is the ng add trace:

 

ng add @progress/kendo-angular-editor

Installing packages for tooling via npm.
npm WARN @ngtools/webpack@7.1.4 requires a peer of typescript@>=2.4.0 < 3.2 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @angular/common@4 - 6 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @angular/core@4 - 6 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @angular/forms@4 - 6 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @progress/kendo-angular-dialog@^3.9.0 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @progress/kendo-angular-toolbar@^0.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ @progress/kendo-angular-editor@0.2.0
added 15 packages from 2 contributors and audited 40334 packages in 15.286s
found 1 high severity vulnerability
  run `npm audit fix` to fix them, or `npm audit` for details
Installed packages for tooling via npm.
File node_modules/@progress/kendo-angular-/package.json does not exist.

Dimiter Topalov
Telerik team
 answered on 22 Jan 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?