Telerik Forums
Kendo UI for Angular Forum
1 answer
242 views

Hi,

Master Detail Grid with custom icon (expand and collapse) and align detail row columns with parent columns width in percentage. Like below image

 

 

Tsvetelina
Telerik team
 answered on 10 Nov 2023
1 answer
126 views

The colors for the taskbar overall and completed are too close to one another such that some of the user cannot tell the percent complete. Can anyone tell me the styles to use to color of the overall bar and completed portion.

I have tried (with primary colors as a test.

div.k-task-template {
    background-color: red !important;

}
k-task.k-task-complete {
    background-color: yellow !important;
}

any help would be appreciated.

Ivo
Telerik team
 answered on 10 Nov 2023
1 answer
318 views

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:

Yanmario
Telerik team
 answered on 10 Nov 2023
1 answer
265 views

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?

Tsvetelina
Telerik team
 answered on 09 Nov 2023
0 answers
241 views
I am having an issue applying a white-space: nowrap style to a kendo-textarea.  The parent kendo-textarea has the nowrap style, the textarea inside the kendo-textarea inherites the nowrap but the user agent stylesheet then overrides the nowrap and giving it a pre-wrap.

Is there a way to add styling to a textarea directly without it being inherited through kendo-textarea?
Scott
Top achievements
Rank 1
 asked on 08 Nov 2023
1 answer
74 views

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

Yanmario
Telerik team
 answered on 08 Nov 2023
0 answers
75 views

I need to implement a multiselect functionality using mousedown with the CTRL key. Is it possible?

Thanks

Mark
Top achievements
Rank 1
Veteran
Iron
 asked on 07 Nov 2023
1 answer
508 views

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

Tim
Top achievements
Rank 1
Iron
 answered on 07 Nov 2023
1 answer
98 views

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

Mark
Top achievements
Rank 1
Veteran
Iron
 answered on 07 Nov 2023
1 answer
81 views
Hello everyone, are there any plans to extend the Angular Spreadsheet component with a PDF export feature. Best regards
Martin Bechev
Telerik team
 answered on 06 Nov 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?