Hi there, I'm having issues trying to change the color of the floating label. When I have a black background, the floating label cannot be seen because it is also black and blends in with the background.
Example in stack blitz https://stackblitz.com/edit/angular-kendo-textbox-material-black-background
How can I change the color of the floating label? Thanks.
Kind regards,
Andy
I have two value axis items and I would like one to be in percent and the other to be numeric. How can I achieve this. My current code produces the output in the image.
<
kendo-chart-value-axis
>
<
kendo-chart-value-axis-item
*
ngFor
=
"let item of valueAxes"
[name]="item.name" [title]="{ text: item.title }"
[max]="item.max" [majorUnit]="item.majorUnit">
<
kendo-chart-value-axis-item-labels
[format]="numberFormat">
</
kendo-chart-value-axis-item-labels
>
</
kendo-chart-value-axis-item
>
</
kendo-chart-value-axis
>
<
kendo-chart-category-axis
>
<
kendo-chart-category-axis-item
[title]="xAxis_Label" [axisCrossingValue]="crossingValues">
<
kendo-chart-category-axis-item-labels
>
</
kendo-chart-category-axis-item-labels
>
</
kendo-chart-category-axis-item
>
</
kendo-chart-category-axis
>
<
kendo-chart-axis-defaults
>
<
kendo-chart-axis-defaults-labels
>
<!-- format="n0"-->
</
kendo-chart-axis-defaults-labels
>
</
kendo-chart-axis-defaults
>
<
kendo-chart-legend
[visible]="false"></
kendo-chart-legend
>
<
kendo-chart-series
>
<
kendo-chart-series-item
*
ngFor
=
"let series of model"
[name]="series.name"
[data]="series.data"
[categoryField]="series.category"
field
=
"value"
[stack]="series.stack"
[color]="series.color"
[type]="series.type"
[axis]="series.axis">
<
kendo-chart-series-item-tooltip
>
<
ng-template
let-value
=
"value"
let-category
=
"category"
>
<!--[innerHTML]="series.dataLabel.replace('[value_1]', value.toLocaleString() ).replace('[year]', category ).replace('[series]', series.name ).replace('[#%]', ((value)*100).toFixed(1).toString() + '%') "-->
<
span
[innerHTML]="getToolTip(value, category, series.name, graphType )"></
span
>
</
ng-template
>
</
kendo-chart-series-item-tooltip
>
</
kendo-chart-series-item
>
</
kendo-chart-series
>
</
kendo-chart
>
I am trying to use the <kendo-datetimepicker> component and I import DateInputsModule into my module, but on loading my app I see the following error:
'kendo-datetimepicker' is not a known element:
1. If 'kendo-datetimepicker' is an Angular component, then verify that it is part of this module.
2. If 'kendo-datetimepicker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message
Obviously I have npm installed the @progress/kendo-angular-dateinputs package and dependencies. I am using:
"@progress/kendo-angular-dateinputs": "^3.7.4"
I am able to use the <kendo-datepicker> without problem.
Why am I seeing this error?
I have a grid with grouping enabled. I'd like to know how to set the cursor style on the grid row (that is not a group header) to indicate it is selectable.
Attached is a screenshot showing the rows with red arrow where I would need to show a hand cursor on row hover event.
Thanks.
Is kendo-upload broken? Using Angular 9 and get what looks like a broken component looking for a list of classes called selectButtonClasses
<kendo-upload [saveUrl]="uploadSaveUrl" [removeUrl]="uploadRemoveUrl"> </kendo-upload>
Missing class list on this item in your template:
<div role="button" #fileSelectButton
[id]="focusableId"
[ngClass]='selectButtonClasses'
While implementing kendo-menu. The class .k-animation-container gets css (overflow: hidden) automatically. Due to this menu gets disappear on hover or on click.
Any feedback welcome and thanks :-)
I want to add a Placeholder to my MaskedTextBox. But adding the placeholder attribute does not work.
I even set maskOnFocus to true so that placeholder will be shown but to no avail.
<
kendo-maskedtextbox
[maskOnFocus]="true" [mask]="mask" [value]="value"
placeholder
=
"Phone Number"
></
kendo-maskedtextbox
>
Is there a way for me to achieve this in the current version?
And are there plans to support placeholder in MaskedTextBox in the near future?
I have a grid with a large number of columns, and upon initial load I call fitColumns to resize based on the data on the current page. In v4.5.0 of the grid, this worked fine, the columns would all resize, and the grid would be horizontally scrollable.
In 4.6.0 the behavior seems to have changed, and the call does not seem to work. The grid columns all shrink to fit the width of the grid, become very skinny, and no horizontal scrolling is enabled.
Has this been reported / is known?
Thanks!
-Brian
Hi,
I'm referencing https://www.telerik.com/kendo-angular-ui/components/excelexport/how-to/export-to-separate-sheets/ to do Excel export with *ngFor option, but the difference is that my data comes from a service instead of static client data. When calling 'this.excelExportComponents.first.save(workbooks[0]);' in the subscribe of the service call, I got below error:
core.js:6014 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'save' of undefined
TypeError: Cannot read property 'save' of undefined
at management-view.component.ts:175
at ZoneDelegate.invoke (zone-evergreen.js:359)
at Object.onInvoke (core.js:39699)
at ZoneDelegate.invoke (zone-evergreen.js:358)
at Zone.run (zone-evergreen.js:124)
at zone-evergreen.js:855
at ZoneDelegate.invokeTask (zone-evergreen.js:391)
at Object.onInvokeTask (core.js:39680)
at ZoneDelegate.invokeTask (zone-evergreen.js:390)
at Zone.runTask (zone-evergreen.js:168)
at resolvePromise (zone-evergreen.js:797)
at zone-evergreen.js:862
at ZoneDelegate.invokeTask (zone-evergreen.js:391)
at Object.onInvokeTask (core.js:39680)
at ZoneDelegate.invokeTask (zone-evergreen.js:390)
at Zone.runTask (zone-evergreen.js:168)
at drainMicroTaskQueue (zone-evergreen.js:559)
at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:469)
at invokeTask (zone-evergreen.js:1603)
at XMLHttpRequest.globalZoneAwareCallback (zone-evergreen.js:1640)
I guess this.excelExportComponents.first is not ready yet in the sevice call subscribe and I should call the 'save' method at some point after the binding finished. After some experiment I ended up using a flag set to true after service call and in AfterViewChecked hook checking if the flag is true then do the concat and save, then reset the flag. This seems to work but seems not so ideal, as AfterViewChecked is quite frequently called. If there's better way do export async data?
Thanks.
I'm getting errors with the grid component on build. It appears a recent update to the buttons package is the cause. The update remove a click method but the button components in the grid package is relying on that method to be there.
Current versions of both packages:
@progress/kendo-angular-buttons: 5.1.1
@progress/kendo-angular-grid: 4.6.0
Example of compile error:
ERROR in node_modules/@progress/kendo-angular-grid/dist/es2015/editing/add-command.directive.d.ts(30,5): error TS2416: Property 'click' in type 'AddCommandDirective' is not assignable to the same property in base type 'ButtonDirective'. Type '(e: any) => void' is missing the following properties from type 'EventEmitter<any>': __isAsync, emit, subscribe, observers, and 18 more.