Telerik Forums
Kendo UI for Angular Forum
0 answers
110 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
589 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
194 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
1 answer
374 views

Hi, I am working with Kendo UI for Angular TileLayout components and I want to save the state of tiles after a user re-orders them. I see it's possible in other libraries and I wonder if it's possible in Angular library as well.

Thanks!

Svet
Telerik team
 answered on 11 Feb 2021
0 answers
109 views

Hello,

Many thanks for such a wonderful solution. I am however facing a problem. We are having a full screen use case in our application and have a groupable table. When I drag table headers to top the draggable element is visible when screen is not full screen but not visible while in full screen. 

I checked one more thread mentioning about, Where popup element is appended to a div rather than to body.

providers: [{
      provide: POPUP_CONTAINER,
      useFactory: () => {
         //return the container ElementRef, where the popup will be injected
         return { nativeElement: document.querySelector('.fullscreenDiv') } as ElementRef;
      }
    }]

But This solution is applicable to popup element. In my case Drag element is getting appended to body tag and hence being invisible. If somehow I can append it to internal div then it will work. 

Samir
Top achievements
Rank 1
 asked on 10 Feb 2021
2 answers
1.0K+ views

Hello, 

I need to programmatically expand and collapse a row (maybe by id). Can it be done somehow?

Also is it possible to expand and collapse the tree completely programmatically?

 

Thanks,

B

ICT
Top achievements
Rank 1
Iron
 answered on 10 Feb 2021
1 answer
1.6K+ views

Is there a way to select the next row when we hit keydown or keyup using the keyboard?

 

I tried setting the navigable property to true but in that case we have to hit enter to explicitly select a row. I want to select the next row on the keydown and keyup event.

Dimiter Topalov
Telerik team
 answered on 10 Feb 2021
2 answers
91 views

Hello, 

Hello, I rewrite the thread because it was deleted.

I'm trying to translate window action buttons using the WindowService.

Unfortunately they are not translated and I have an error in the console:

preview-c9f765cddfc622204e06b.js:1 ERROR TypeError: Cannot set property 'closeTitle' of undefined

Is this a known issue?

Here you can replicate the issue;

https://stackblitz.com/edit/angular-hvvwkt

Thanks,

B

ICT
Top achievements
Rank 1
Iron
 answered on 09 Feb 2021
2 answers
754 views

Hi!

I try to use drawer component as a menu. So I configured the items as in example https://stackblitz.com/run/?file=app%2Fproducts.component.ts .

If I try to use a link like <a [routerLink]="['/']">to home</a> in product.component.ts it redirect me to home page. But in drawer component the active item isn't change. It stays at Products.

Shouldn't the Home item be active? Are my expectations wrong?

Thank you in advance.

Jose Wilson
Top achievements
Rank 1
 answered on 08 Feb 2021
2 answers
183 views
One of our products has a numeric field for navigating page numbers. The input paging works fine on chrome, firefox, and EDGE, but it doesn’t work on IE 11. Is there a workaround for this issue, or is this a defect with the control?
Dina
Top achievements
Rank 1
 answered on 08 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?