Hi folks,
the question is: how I can modify the style of the select row checkbox inside kendo-grid?
I use the kendo-grid for AngularUI.
I have added the kendo-grid-checkbox-column for selecting multiple row. Using the <ng-template kendoGridHeaderTemplate> I'm able to change the style of the header check box.
I need to change the style of the row checkbox. I have tried to verride the css class (using <style> on the component html or adding class to the component css) .k-checkbox
new class:.k-checkbox {
border: 1px solid #474747 !important;
width:24px !important;
height: 24px !important;
border-radius: 8px !important;
}
Picture:
Since upgrading to 14.0.1, if a date-picker is provided with a Date object that contains time (e.g., if I default it to "right now", aka `new Date()`), trying to change the value with the keyboard will only allow 2 digits.
So, effectively, as I try to type, say, 2013, the date-picker's year field will show:
0002
0020
0001
0013
I have not been able to find anything in the API that switches how many years the input should accept (only which year should be the "break around" for 2-digit years).
If the field is prefilled with a Date object with no time (i.e. time is 00:00:00), this doesn't happen.
What am I missing?
Hi -
I would like to add a maximize and close buttons to my kendo-toolbar (I don't want to use kendo-window)
How can I do this?
Thanks
I need to implement a multiselect functionality using mousedown with the CTRL key. Is it possible?
Thanks
Hi, I've got a button that toggles a boolean property when clicked. The button has a tooltip that appears on hover, and the tooltip text is set conditionally based on if the property is true or false.
The issue I'm having is that if the button is clicked, the tooltip only changes once you hover outside the button and then hover back over it, it does not change when the button is clicked if the cursor stays hovering on the button.
Is it possible to have the tooltip text change when the button is clicked, if the cursor stays on the button?
app.component.html:
<button
(click)="toggleProp()"
kendoTooltip
[title]="prop ? 'text when prop is true' : 'text when prop is false'"
>
test
</button>
app.component.ts:
export class AppComponent { prop = false; toggleProp() { this.prop = !this.prop; } }
Demo: https://stackblitz.com/edit/angular-goykum-okj6jk?file=app%2Fapp.component.html
I am following this article:
Selection - TreeView - Kendo UI for Angular (telerik.com)
that shows using this directive:
[kendoTreeViewSelectable]="selection"
does the trick. However, in my code I am getting:
ERROR NullInjectorError: R3InjectorError(AwaAssetEditorModule)[TreeViewComponent -> TreeViewComponent -> TreeViewComponent -> TreeViewComponent]:
NullInjectorError: No provider for TreeViewComponent!
at NullInjector.get (core.mjs:7493:27)
at R3Injector.get (core.mjs:7914:33)
at R3Injector.get (core.mjs:7914:33)
at R3Injector.get (core.mjs:7914:33)
at R3Injector.get (core.mjs:7914:33)
at ChainedInjector.get (core.mjs:12084:36)
at lookupTokenUsingModuleInjector (core.mjs:3201:39)
at getOrCreateInjectable (core.mjs:3246:12)
at Module.ɵɵdirectiveInject (core.mjs:10041:12)
at NodeInjectorFactory.SelectDirective_Factory [as factory] (progress-kendo-angular-treeview.mjs:95:105)
Line 95 has something to do with a version of the software. I am running version 13.4.0. Is it compatible with this multi select functionality?
Thanks
Hi -
I've been trialing kendo UI for angular and it is pretty powerful
I would like to use the kendo-window toolbar as my kendo-tile "toolbar"
The main feature I want to leverage from the kendo-window doing so is the "Maximize" and "Close" features ("Minimize" should be disabled or better yet not visible)
I do want to use kendo-tile to leverage dragging and autoflow repositioning
Is there any way to do this?
Would greatly appreciate your help
Thanks
this tag helps to customize the message hints, but it's coming as a string
we need to show the hint like this. How do we do?