Telerik Forums
Kendo UI for Angular Forum
1 answer
1.1K+ views

Hi, 

Is it possible to show the popup of the dateTime picker centered on the screen?

There is an issue on small screens, that the Cancel and Set Buttons are not reachable (scrolling is not an option in our use-case).

It can be reproduced easily here:

https://stackblitz.com/edit/angular-datepicker-popup-settings?file=app/app.component.ts

Just enable mobile mode in chome dev tools.

Thanks,

Florian

Martin Bechev
Telerik team
 answered on 20 Apr 2021
2 answers
235 views

Hi!
Take a look at this stackblitz example: https://stackblitz.com/edit/angular-o2pliu?file=src/app/app.component.html

Scroll down through the wall of "test" paragraphs, and take a look at the appbar/combobox. Combobox (and every other Kendo component) floats on top of the appbar.
I know my example is clunky, but it shows this bug pretty well.
I also know that .css styles are excessive, but I just copied my code from my local project.

 

Is this really a bug, or is it my fault?

Jakub
Top achievements
Rank 1
 answered on 19 Apr 2021
7 answers
586 views

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 

Svet
Telerik team
 answered on 16 Apr 2021
4 answers
1.2K+ views

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?

Zaw
Top achievements
Rank 1
Veteran
 answered on 16 Apr 2021
2 answers
252 views

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:

// Import only the PanelBar and Grid styles.
@import "~@progress/kendo-theme-default/scss/panelbar/_index.scss";
@import "~@progress/kendo-theme-default/scss/grid/_index.scss";

 

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?

esp
Top achievements
Rank 1
Veteran
 answered on 16 Apr 2021
3 answers
962 views
Hello

I'm trying kendo anguar dropdown list with server side data filtering according to below url to show loading animation. 
https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/filtering/

I enter filter text, it show the result then I choose one item in list. 
I note that the loading animation also appear again once I click one item in result list. 
It seems calling the server side again with blank filter text on click the item. 
This issue can reproduce in above URL's Example of loading property. 

Is it intentionally trigger the filter process again on click the item ?
Martin Bechev
Telerik team
 answered on 15 Apr 2021
4 answers
538 views

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

Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
 answered on 15 Apr 2021
3 answers
4.6K+ views

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. 

Hetali
Telerik team
 answered on 13 Apr 2021
3 answers
1.1K+ views

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:

<kendo-grid-column field="manufacturer" title="Manufacturer" width="130" [locked]="true">
  <ng-template kendoGridEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
    <kendo-dropdownlist [data]="manufacturers" textField="text" valueField="value" [valuePrimitive]="true" [formControl]="formGroup.get('manufacturer')">
    </kendo-dropdownlist>
  </ng-template>
</kendo-grid-column>

 

Script:

public cellClickHandler({ sender, rowIndex, columnIndex, dataItem, isEdited }) {
       if (!isEdited) {
           sender.editCell(rowIndex, columnIndex, this.createFormGroup(dataItem));
       }
   }

 

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

this.dropdownlist.toggle(true);

 

 

Hetali
Telerik team
 answered on 12 Apr 2021
1 answer
122 views

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>

Yanmario
Telerik team
 answered on 12 Apr 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?