What we want is the color of the Placeholder text in the DatePicker control to match the color of the Placeholder text in other controls. When a value is selected, the text color should return back to the initial color. Currently I don't see a good way to add styles to handle the state of whether there's a valid value, partial value, or no value.
Add npm command installing all kendo-ui-for-angular components at once
An ASP.Net Core (net framework) project template with angular 4 and all the services set up to use the report viewer in the webapp, along with a sample report and the reportviewer in the angular app. You could also use your own angular controls as well?? This would be an enhanced version of the one available for vs2017 with webapis setup for data and serving the report.
Not sure if this is a bug in Angular CLI, Karma, or Kendo. I wrote up a bug for Angular CLI for this as well: https://github.com/angular/angular-cli/issues/20449
Issue only tested on Windows 10 x64 with Chrome 89 installed.
ng new <app-name> --strict=true --style=scss --routing=true
@progress/kendo-theme-default
npm install @progress/kendo-theme-default --save
styles.scss
, add the following line:@import "~@progress/kendo-theme-default/scss/all";
karma.conf.js
and change the following properties: autoWatch: false
browsers: ['ChromeHeadlessCI'],
customLaunchers: {
ChromeHeadlessCI: {
base: 'ChromeHeadless',
flags: ['--no-sandbox']
}
},
singleRun: true
ng test
After 2+ minutes, warning in console shows: WARN [launcher]: ChromeHeadless have not captured in 60000 ms, killing.
Then, NFO [launcher]: Trying to start ChromeHeadless again (1/2).
The second time launches without issue.
If you remove the line from styles.scss
and repeat ng test
, the problem is not visible.
Alternatively, check out this repo and run ng test :
https://github.com/acohenOT/unit-testing
Warning indicated below:
Karma v6.1.2 server started at http://localhost:9876/
05 04 2021 12:20:05.510:INFO [launcher]: Launching browsers ChromeHeadlessCI with concurrency unlimited
05 04 2021 12:20:05.536:INFO [launcher]: Starting browser ChromeHeadless
- Generating browser application bundles (phase: building)...05 04 2021 12:22:32.075:WARN [launcher]: ChromeHeadless have not captured in 60000 ms, killing.
/ Generating browser application bundles (phase: building)...05 04 2021 12:22:32.986:INFO [launcher]: Trying to start ChromeHeadless again (1/2).
√ Browser application bundle generation complete.
05 04 2021 12:22:39.009:INFO [Chrome Headless 89.0.4389.114 (Windows 10)]: Connected on socket 6ClQVkn2c_tOxxhlAAAB with id 89607273
Chrome Headless 89.0.4389.114 (Windows 10): Executed 3 of 3 SUCCESS (0.305 secs / 0.217 secs)
TOTAL: 3 SUCCESS
How to reproduce:
1.- Make a grid with master detail
2.- In master detail make a grid
3.- Create a context menu with options for the grid with a method so that when you click an option from the context menu it does something (console.log('Hello') for example)
4.- Create a context menu with options for the subgrid with another method so that when you click an option from the context menu it does something different (console.log('Goodbye') for example)
5.- When you click on an option from the context menu of the subgrid it will not call its function (console.log ('Goodbye')), it will call the function that triggers the context menu of the grid that contains the subgrid (console.log('Hello')
Even if a function is not set in the context menu of the subgrid it calls the function from the top context menu.
I solved it using 1 function for all context menus, but it doesn't seem like the best way to me
HI
When i input a value with 11111111111111111 on kendo-numerictextbox and lost focus (blur) event the value is always change to 11111111111111112 .Any solution to prevent this issue ?.
https://stackblitz.com/run/?file=app%2Fapp.component.ts
Hello, I am trying to use the table-related toolbar tools in my editor. I am getting the compiler.js:2175 Uncaught Error: Template parse errors:
'kendo-editor-insert-table-button' is not a known element:
1. If 'kendo-editor-insert-table-button' is an Angular component, then verify that it is part of this module.
2. If 'kendo-editor-insert-table-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" <!-- Kendo Built-In Toolbar tools not working correctly -->.
I have not had an issue with any other toolbar tools.
Kendo UI for Angular and Kendo UI for jQuery complete package (all components, css, js) downloadable at once with documentation. Just the way how it was for old (ex: Kendo UI jQuery 2005) versions. No individual component download.
Reproduction
Reproduction
We got the feedback that in some scenarios it might be more intuitive to open the editor row below the last row since the user expects to "append" new rows at the end.
Consider the possibility of leveraging reusable HTML components with Kendo Angular or any other Kendo toolset:
https://caniuse.com/#search=components
Can we have document viewer for angular can show/display/preview different file format?
like .PDF, any type of image file {png, jpg, jpeg, bmp}, .docx, .doc, .txt, .xls, .xlsx, .msg
The manner in which the Kendo Grid handles multiple column sorting is unusual and therefore not what a user would expect.
I believe that people expect that the column they click on to always be the primary sort column. In the Kendo grid, (when in multi-column mode) this is not the case.
If I click on the "Unit Price" column header, and then on "Product Name", nothing happens. Instead, clicking on "Unit Price" a second time sorts the table by "Product Name". This is not natural.
Instead, this should simply behave like a non-destructive sort. If I click on "Unit Price" and it sorts by that. Then, clicking on "Product Name" should sort everything by Product Name and, if the names are the same, the items would be sub-sorted by the previously selected column: "Unit Price"
I would further ask that the only column that shows the arrow be the primary sort column. Users want to see what the primary sort column is, and not be confused by the other columns, which they will assume are sorted in a reasonable way. The indices help, but I still think that a single arrow denoting the primary sort column would be preferred.
https://www.telerik.com/kendo-angular-ui/components/grid/sorting/
To be backwards compatible, maybe introduce a 'natural' sort mode which would behave in this manner, since I really believe that this is what a user expect.
As a workaround, we put the grid in 'single' mode, and then when the sort changes, we do the following. I limit the number of SortDescriptors to 3 as a compromise between sorting the columns in a reasonable way and yet prevent there from being too many arrows
public autoSortChange(sorts: SortDescriptor[]) {
let singleSortKey = sorts[0];
let newSort: SortDescriptor[] = [];
newSort[0] = singleSortKey;
this.internalSortDescriptors = this.internalSortDescriptors.filter(des => des.field !== singleSortKey.field)
newSort = sorts.concat(this.internalSortDescriptors)
this.internalSortDescriptors = Array.from(newSort);
if (this.internalSortDescriptors.length > 2) {
this.internalSortDescriptors.length = 2;
}
this.gridState.sort = newSort;
this.gridData = ...
}
Intruduce Mobile Touch Events for Angular2 as in https://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/touch