Hi,

I have noticed that the recurrence component does not allow me to select some options. 
As for example the options to end a daily recurrence, it is the same with the other types of recurrence.

For more information I am using template driven form.
My Angular module has imported these kendo modules.

GridModule
SchedulerModule
DropDownsModule
DateInputsModule
TreeViewModule
TooltipModule
IntlModule

Package versions

Angular: 9.1.12
Bootstrap: 4.5.2
@progress/jszip-esm: 1.0.1
@progress/kendo-angular-buttons: 5.5.1
@progress/kendo-angular-common: 1.2.3
@progress/kendo-angular-dateinputs: 4.3.1
@progress/kendo-angular-dialog: 4.2.2
@progress/kendo-angular-dropdowns: 4.3.1
@progress/kendo-angular-excel-export: 3.1.4
@progress/kendo-angular-grid: 4.7.3
@progress/kendo-angular-inputs: 6.6.1
@progress/kendo-angular-intl: 2.0.3
@progress/kendo-angular-l10n: 2.0.2
@progress/kendo-angular-pdf-export: 2.0.4
@progress/kendo-angular-popup: 3.0.6
@progress/kendo-angular-scheduler: 1.2.1
@progress/kendo-angular-tooltip: 2.1.5
@progress/kendo-angular-treeview: 4.3.0
@progress/kendo-common: 0.2.1
@progress/kendo-data-query: 1.5.4
@progress/kendo-date-math: 1.5.1
@progress/kendo-drawing: 1.9.1
@progress/kendo-file-saver: 1.0.6
@progress/kendo-popup-common: 1.7.0
@progress/kendo-recurrence: 1.0.1
@progress/kendo-schematics: 1.1.0
@progress/kendo-theme-bootstrap: 4.18.0
@progress/pako-esm: 1.0.1 

Hello 

I apply keyboard navigation from below url to control the Tab key. 
https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation/

In my grid, there is a column with kendo-dropdownlist as kendoGridEditTemplate. 
Usually we can open dropdown-list by press Enter key or Alt+Down Arrow key. 
But within the grid in cell editing, these key press do not open the dropdown. 
Is there any easy way to open dropdown with keyboard in grid?

The requirement is the user need to fill up the grid editing with keyboard only without mouse click. 
Is there any keyboard shortcut key for Add New row in grid?

According to https://www.telerik.com/kendo-angular-ui/components/styling/ we should be only importing the scss that is required by the components we use. For instance:

How do we know which styles are used by which components? If we have imported the charts module for instance, which styles would need to be imported?

Hi, 

I apologize if I missed answer to this somewhere, but I have to provide quick answer to my superiors.

We plan to start migrating from Kendo UI for JQuery to Angular, and one of key widgets is Gantt chart.

Is there plan to implement gantt chart to Angular at all, and if yes, what could be provisional time for this. 

Thank you very much

Best regards,

Vedad

Hello, 

I have the Amount column in my grid which is multiply price and quantity fields from data source. 

    <kendo-grid-column title="Amount" editable="false" width="120">
      <ng-template kendoGridCellTemplate let-dataItem>
        {{dataItem.Price * dataItem.Quantity}}     
      </ng-template>
    </kendo-grid-column>

How can I add Total of this amount column to show in kendoGridFooterTemplate?
I don't have any group in my group, just want to show total Amount of the whole grid. 

I've implemented in-cell editing with a dropdownlist using reactive forms and a cellclick event handler. How can I also automatically open/expand the dropdownlist on cell edit? The dropdownlist has a Toggle method that will open it but I can't reference the dropdownlist to invoke it. The sender of the cellclick event only includes the grid component.

Markup:

Script:

Dropdownlist method I'd like to invoke on cell edit:

Hello,

i add an input inside kendo stepper using the 'kendoStepperStepTemplate' option, it works fine but in FireFox , you cannot select the input 
exemple :

   <kendo-stepper
            [steps]="steps"
            [stepType]="'label'"
            [currentStep]="2"
            [linear]="false"
            [style.width.px]="750"
        >
            <ng-template kendoStepperStepTemplate let-step let-index="index">
                <div class='oval-step'>
                    <span class="{{step.icon}}"></span>
                </div>
                <div class='step-label'>{{step.label}}
                 <ng-container *ngIf="index === 1">
                  <input type=text value='testtt' >
                </ng-container>
                </div>
            </ng-template>
        </kendo-stepper>

Hi Team,

I am using the kendo grid in angular. I am facing one issue, whenever I change the row height ,the height of "k-height-container" doesn't change.
It only changes when the total rows is changed in grid. Is there a way to update the k-height-container height when the row height changes.

We are using min-height to set the row height and change the same whenever required.
Let say if the grid is initialized with 32px row height and we have 500 rows, so the container height is 16000px, now if change the row height to 28px, due to which ng-reflect-detail-row-height and ng-reflect-row-height both are set to 28px, but the container height is not reset to 12000px, instead it is still showing at 16000px.

Thanks,
Shivam