Hi,

Is it possible to add a row at a specified index in the grid?

https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-template-forms/#toc-adding-records

In the documentation, the add row only inserts a row at the top of the grid.

I would like to achieve something similar:

If I click on the custom add button the new row editor appears at a predefined index in the grid.

Thanks,

Balazs

HI, I try to add Kendo Angular on my Angular13 project. 

last time I do that was in a erlier version of Kendo, but now everyting is different.

On my home page I just add some Kendo test component Button, ComboBox, DropDown.

First I add dependency manually

npm install --save @progress/kendo-angular-dropdowns @progress/kendo-angular-l10n @progress/kendo-angular-popup @progress/kendo-angular-treeview @progress/kendo-angular-inputs @progress/kendo-angular-intl @progress/kendo-drawing @progress/kendo-angular-common @progress/kendo-licensing

then I add the  default theme

# Default theme
npm install --save @progress/kendo-theme-default

 then I add my licence and activated it

npx kendo-ui-license activate

Now In my home module I add these import:

import { ButtonsModule } from '@progress/kendo-angular-buttons';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';

then Add the componement

<button kendoButton>Browse</button>
               
<div class="example-wrapper">
     <p>T-shirt size:</p>
     <kendo-dropdownlist [data]="listItems"> </kendo-dropdownlist>
     <p>Test</p>
     <kendo-combobox [data]="listItems" [allowCustom]="allowCustom"></kendo-combobox>
</div>       

No errors, but something is missing the component do not draw itself correctly. 

For example, the drop-down list appears on the upper left screen and all visual aspect are missing. (no border, no arrow, etc.)

We use actively Tailwind in this application. CSS conflict from Kendo Vs Tailwind?

Any idea?

Hi

Sample not running

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

<kendo-numerictextbox formControlName="UnitsInStock" #UnitsInStock required [format]="n0"> </kendo-numerictextbox> Property 'n0' does not exist on type 'GridEditFormComponent

//private closeForm(): void {
 closeForm(): voi

Regards

Using a Kendo grid that is in edit mode, how do you reactively compute the value of column B based on what is typed in column A?

E.g.   column B = column A x 2

I enter 1 in column A; column B immediately changes to 2.

I enter 16 in column A; column B immediately changes to 32.

We have a client for whom we've created some quotes via tables, repeating headers, the Telerik page numbering, etc., and they've mentioned that they'd like to have the option to be able to print these directly. I notice that most approaches to grabbing and printing HTML recommended online tend to miss a lot of the objects that we have in these reports (one example would be that some of these have child html components or sub-reports) and sizing tends to be an option.

Being that the Kendo tools are already doing their own compiling of the screen is there a way that I could save the captured canvas as a variable and have it print the rendered canvas instead?

One other question as well - they've noted that they don't like a continuous white space for reports (without visual page breaks) and would like to see the pages broken out along with page numbers in the preview. I get the impression that I might be able to wrap certain sections in the #fff page coloring and use a darker background color although three things I don't know are 1) how I'd wrap the automatic page breaks, 2) How I'd get the page numbers to show up in such a preview, and 3) how to prevent the program from printing the darker background space and only having it print the #fff white space. It sounds like I may need to place the report space tag in a table with a *ngFor loop and let each part of the report be an iteration of the table just that, again, I'm not sure whether this is something that the Draw or PDF Export tools have any tools to support this type of effort.

Let me know your thoughts on these two items and whether either or both can be worked out with the current Kendo modules.

Hi Team,

I'm currently working with kendo grid and panel bar components using Angular. My application has multiple panel bars with each panel bar containing a kendo grid with Filter Menu options. My issue is such that while I try to use the filter in the first grid and then move on to the second grid and try to filter the options the filter menu automatically closes without filtering the values.

The feature works just fine when I'm handling filters in a single grid. The issue is when I try to use the filters with more than one grid on that page. Please assist.

Thank You.

Hi

Could i add two checkbox in an  kendoGridToolbarTemplate  position=top ?

Regards

Hi,

I'm trying to set the editable propery of a column depending on an other field of the model.

You have this example in the documentation: kendoGridReactiveEditing

Let's say, if the field 'Discontinued' is false, I would like to disable the editable property of the product name field. For this, I added this to the column definition:

 <kendo-grid-column field="ProductName" title="Product Name" [editable]="formGroup.controls.Discontinued"></kendo-grid-column>

But it says then: 'Error: Cannot read properties of undefined (reading 'controls')'

How can I then access the formgGroup variable in the template?

Thanks.