Telerik Forums
Kendo UI for Angular Forum
11 answers
2.4K+ views
Is there a way to get the editor to not place a wrapper <p> tag when it edits.
Martin Bechev
Telerik team
 answered on 23 Feb 2021
1 answer
138 views
Looks like the incompletedatevalidation=true clears on using clearvalidators, is there a way to add it dynamically using setvalidators ?
Dimitar
Telerik team
 answered on 22 Feb 2021
1 answer
101 views

Good day!  

I discovered a typo in the "Custom Values" documentation for the ComboBox.  On the page, under the Remote Services section, for the source of app.component.ts, there is a section of code:

 

/*
    Maps each custom text that the user types to the result of a function that performs http request to remove service.
    For further details about `switchMap` operator check:
    http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-switchMap
*/
public valueNormalizer =  (text: Observable<string>): any => text.pipe(switchMap(this.service));

 

On the comment line it states   "...performs http request to remove service."   I imagine you wanted that to be "....remote service.".

 

Peace,
Keith Nicholson

Preslava
Telerik team
 answered on 22 Feb 2021
1 answer
133 views
On setting the navigable = "true", key board navigation and cell highlighting happening only on non editable rows. Need the editable row also get highlighted and selected on navigation(by using arrows in keyboard).Is there any way to make editable rows as navigable?
Dimiter Madjarov
Telerik team
 answered on 19 Feb 2021
1 answer
6.0K+ views

This might have been answered before.

I need to open a modal window on row click, but here's the catch:

There are two ways I think this might work but the two ways need a workaround.

1st: using the selectionChange event, the problem is that the row stays selected and when I close the modal and would like to select it again it wont let me, I have to select a different row to trigger the event.

2nd: cellClick event, it works fine, but I have a column at the end of the row with button actions for delete, etc... so if I click on any of those buttons the cellClick event also gets fired and I end up with two actions.

What would be a clean way to trigger a row click without it being selected and open a modal window, and when clicking on any button on a row cell it doesn't trigger the row click event either.

Thanks.

Dimiter Topalov
Telerik team
 answered on 18 Feb 2021
5 answers
3.9K+ views

Hello,

I have a kendo-grid-checkbox-column that needs a Select-All checkbox in the header. I could use the showSelectAll option but  the header also needs to have text in the cell. To accomplish this I use kendoGridHeaderTemplate. I am able to do this just fine, but I am unable to figure out how to set the checkbox to indeterminate. I created an "isChecked" variable to set the checkbox to checked or unchecked. Is there a value I can set to show the indeterminate state? Here is my code:

<kendo-grid-checkbox-column>        
        <ng-template kendoGridHeaderTemplate>          
            <div style="margin-bottom: -8px; margin-left: 5px;">
              <input class="k-checkbox" id="chkHeader" type="checkbox" [(ngModel)]="isChecked">
              <label class="k-checkbox-label"  for="chkHeader"></label>
            </div>
            <div style="margin-left: -4px;">{{myCustomText}}</div>
        </ng-template>
</kendo-grid-checkbox-column>

 

Thanks,

Scott

Nazar
Top achievements
Rank 1
 answered on 18 Feb 2021
6 answers
1.2K+ views
Hi,
I've tried to implement navigation using PanelBar, as shown here: https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/routing/.
My question is: How to style PanelBar items? I can't find any information about that, and my simple css attempts didn't work.
Is there a better component to implement this feature? 
Hetali
Telerik team
 answered on 17 Feb 2021
0 answers
89 views
I am facing a problem with Drawer routing and here are the steps to repro,
Go to kendo-angular-ui/components/layout/drawer/routing/
Click on edit in stackblitz.
In the stackblitz url, paste <Url>/products and press enter.
Only the Home page is loaded and not the Products page as expected.
Any ideas?
Thanks,
Jose
Jose Wilson
Top achievements
Rank 1
 asked on 16 Feb 2021
1 answer
491 views

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/

(Required) rowHeight—Has to represent the actual height of each Grid row (tr) element in the DOM. The provided rowHeight number is used for internal calculations and does not set the row height of the Grid.

 

This rowHeight seems to be some kind of magic number used for internal calculations. How do I know the value to set it to?

 

Dimiter Topalov
Telerik team
 answered on 16 Feb 2021
1 answer
152 views

Good day!

I have a ComboBox (CB) residing in a FormField that works just fine.  I wanted to convert it to the MultiColumnComboBox (MCCB) to show a couple of extra fields.  I don't have time today, maybe over the weekend, to create a small, self contained example.  Yet, here are the two similar sections and their results:

CB

<kendo-formfield [showHints]="'always'" [showErrors]="'always'">
    <kendo-label [for]="'companyProfile'" text="Company Profile: "></kendo-label>
    <kendo-combobox ngDefaultControl [data]="companyProfiles"
                                [formControlName]="'companyProfile'"
                                [textField]="'companyName'"
                                [valueField]="'id'"
                                [filterable]="true"
                                (filterChange)="companyProfilesFilter($event)">
    </kendo-combobox>
    <kendo-formerror>
        <div *ngIf="formGroup.get('companyProfile').errors && formGroup.get('companyProfile').errors.required">
            Company profile is required.
        </div>
    </kendo-formerror>
</kendo-formfield>


MCCB

<kendo-formfield [showHints]="'always'" [showErrors]="'always'">
    <kendo-label [for]="'companyProfile'" text="Company Profile: "></kendo-label>
    <kendo-multicolumncombobox ngDefaultControl [data]="companyProfiles"
                                [formControlName]="'companyProfile'"
                                [textField]="'companyName'"
                                [valueField]="'id'"
                                [filterable]="true"
                                (filterChange)="companyProfilesFilter($event)">
        <kendo-combobox-column [field]="'companyName'"
                                [title]="'Name'"
                                [width]="250">
        </kendo-combobox-column>
        <kendo-combobox-column [field]="'companyId'"
                                [title]="'Profile Name'"
                                [width]="250">
        </kendo-combobox-column>
    </kendo-multicolumncombobox>
    <kendo-formerror>
        <div *ngIf="formGroup.get('companyProfile').errors && formGroup.get('companyProfile').errors.required">
            Company profile is required.
        </div>
    </kendo-formerror>
</kendo-formfield>

 

MCCB Without ngDefaultControl

As you can see I added the ngDefaultControl to the control after getting the following error on the MCCB without it:

ERROR Error: No value accessor for form control with name: 'companyProfile'
    at _throwError (forms.js:3576)
    at setUpControl (forms.js:3400)

 

By adding it, I did not get a javascript error any longer, but with no dropdown content as seen above.

Anything obvious to someone?

Peace,
Keith

 

Dimitar
Telerik team
 answered on 12 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?