Pending Review
Last Updated: 28 Sep 2022 12:55 by n/a
Created by: n/a
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
0

The TextBox component allows us to specify a template for the prefix and suffix areas by applying the TextBoxPrefixTemplate and TextBoxSufffixTemplate directives to an ng-template.

I would also like to able to specify a template for the actual input area itself. 

My use case for this is that I have a directive that I use within my application that I would normally apply to the <input> tag to ensure some custom processing is undertaken during user input. With the current TextBox component I am unable to do this.

Additionally I would like to specify the autocomplete attribute for the <input> tag to alow the browser to autocomplete things such as shipping-address etc. or even to disable the browser autocomplete completely by setting this to "off". Again this is not possible with the current TextBox but would be easily achievable if I could specify the template for the input area.

If this was implemented as requested I would expect my angular HTML to look something like:

 <kendo-textbox>
   <ng-template kendoTextBoxPrefixTemplate>
       <button kendoButton look="clear" icon="image"></button>
   </ng-template>
   <ng-template kendoTextBoxInputTemplate>
       <input myDirective [autocomplete]="myValue" />
   </ng-template>
   <ng-template kendoTextBoxSuffixTemplate>
       <kendo-textbox-separator></kendo-textbox-separator>
       <button kendoButton fillMode="clear" icon="calendar"></button>
       <kendo-icon name="bell"></kendo-icon>
    </ng-template>
 </kendo-textbox>
The input template could be specified using kendoTextBoxInputDirective
Duplicated
Last Updated: 28 Sep 2022 11:46 by ADMIN
Created by: Dustin
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

The DatePicker control for Angular has a hidden vertical scrollbar on the kendo-virtualization element, which is nested inside the kendo-calendar-navigation and kendo-calendar-viewlist elements. Though it is hidden from view, it is still clickable, and can obscure the selectable dates in the calendar. Clicking it results in activating the scrollbar, which will result in the navigation sidebar scrolling. 

I have attached two screenshots to show the affected areas. Highlighted in red are the areas that when clicked will activate the sidebar scrollbar, and highlighted in blue is the area that will activate the calendar scrollbar, along with their respective elements in the DOM.

It appears the scrollbar is hidden from view via a combination of padding and margin settings from the css below:

.k-calendar .k-content.k-scrollable,
.k-calendar .k-calendar-content.k-scrollable {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -117px;
}

I am using Edge Version 105.0.1343.50

Unplanned
Last Updated: 23 Sep 2022 08:12 by ADMIN
Created by: Babu
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
2

Tab Key: When you press the TAB key, the editor loses control of the focus. It is intended to give tab space rather than leave editor control. The indent space actually differs greatly from the tab space.

 

 

Declined
Last Updated: 23 Sep 2022 07:14 by ADMIN
Created by: Babu
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
2
 

We are using placeholder like <span id="P_Name" name="P_Name">{P_Name}</span> . this would replace with the patient name on loading the editor. 

we used the ContentEditable = false is not working for the span. Some important content such as patient information should be read-only.

attached the sample editor content , the below content are loading dynamically , so we should restrict user should not edit the conent.

 


Unplanned
Last Updated: 19 Sep 2022 08:34 by ADMIN
Created by: Mauro
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

https://stackblitz.com/edit/angular-e53ira?file=src/app/app.component.ts

If the popup is off-screen, it is simply cut off, unlike vertical which flips it to the other side.

In Development
Last Updated: 16 Sep 2022 07:11 by ADMIN

when someone clicks on a date in the middle of the component, it will scroll the component instead of selecting the date.

This occurs in chrome and edge. In firefox this issue is not observed.

Steps:

1. Open a datepicker (https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/)
2. Hover over tuesday (bootstrap theme), between tuesday and wednesday in default theme.
3. Click on the date.
4. The component scrolls instead of selecting the date.

The cursor also changes from pointer to default. It seems another component is on top of the tuesday column.

Declined
Last Updated: 15 Sep 2022 12:25 by ADMIN
Created by: Guy
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
0

Hi there,

we'd like to raise a change request in relation to column widths on grids:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/width/ 

Currently, we can either set a fixed width on a column, or not set a width at all and leave it dynamic. Our problem is, that we have some columns that would benefit from additional space if it is available (e.g. on a larger screen), yet really suffer if they do not receive enough space. 

When we give such a column a fixed size, we have to choose an amount that will still leave other columns enough space on smaller screens, and since it is fixed, is does not increase in size with larger screens. 

If we don't set a fixed width, (or give all columns a fixed width), the available space will be distributed evenly/proportionally among the columns. So here, the columns do benefit from extra space, but the problem is that on smaller screens, they also can become too small to display the content.

We would like to be able to set a minimum width on columns. We imagine the behavior to be as follows:

If there are some columns with a fixed width and some with a min. width, and

  • the available space is less than the sum of the fixed and min. widths -> a horizontal scrollbar is added
  • the available space is more than the sum of the fixed and min. widths -> the additional space is distributed among the columns with a min. width (evenly or proportionately, either option is fine)
Duplicated
Last Updated: 08 Sep 2022 10:05 by ADMIN
Created by: Nick
Comments: 0
Category: Kendo UI for Angular
Type: Feature Request
0

Would like to have a carousel  component for pictures or carousel-ing through templates

 

Something like this maybe: https://stackblitz.com/edit/ivycarousel-demo?file=src%2Fapp%2Fapp.component.ts

Declined
Last Updated: 02 Sep 2022 10:39 by ADMIN

Issue description: While navigating through page number buttons Screen reader does not identify which page number is selected. Issue is observed with “Narrator” and “NVDA” as well

Test Environment:

Narrator (Windows 11), NVDA (Version: 2022.1)

Repro steps:

  1. Hit on the link Overview - Grid - Kendo UI for Angular (telerik.com)
  2. Tab navigate to table under “Angular Data Grid Overview”
  3. Run Screen reader
  4. Tab Navigate to page navigation buttons
  5. Observe that Screen reader does not identify which page number is selected

Actual results: While navigating through page number buttons Screen reader does not identify which page number is selected. Issue is observed with “Narrator” and “NVDA” as well

Expected results: While navigating through page number buttons screen reader should identify which page number is selected

Attachments:  Attachments

Declined
Last Updated: 02 Sep 2022 08:28 by ADMIN
Created by: Stephen
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
0

Hi there,

It would be extremely useful to have some sort of global configuration for component settings / inputs.

For example: I want to remove animation from all of my dropdown lists.

This should be easier. The default workflow is to configure each and every instance of DropDownList using the component's input properties.

Less than ideal workarounds

  • Create an angular directive that auto configures a given Kendo component and apply that directive to each instance of your component.
  • Wrap a given Kendo component in a custom component, and configure it there. This will break the Kendo component's form integration, and you must implement the wrapper component to account for this.

Thank you.

Declined
Last Updated: 23 Aug 2022 09:39 by ADMIN
Completed
Last Updated: 17 Aug 2022 11:52 by Rajkumar

Hi All,  

    Anyone can help us to figure it out?

   Currently, We are using Angular Kendo Gird package, and got issue for tooltip message for Gird.

 

        When We mouse move over 3 dots for grid column menu, we would get strange tooltip message,  for details , please check it from attachment.

         My Email:liji.tao@teranet.ca

Thanks

Liji

Duplicated
Last Updated: 12 Aug 2022 21:11 by Jason
Created by: Win Mar
Comments: 2
Category: Kendo UI for Angular
Type: Feature Request
1

I have made some predefined html and load to kendo editor for angular. Table html styles are overwritten by k-table styles and all styles are gone.Is there any possibility to adjust width , border style of table in kendo editor for angular? 

I have found table wizard for insert table for kendo editor in JQuery. Is there possibility to add this feature for angular kendo editor? 

Unplanned
Last Updated: 10 Aug 2022 20:52 by Milan

Hi

I've started using Filter component since your recent editorTemplate feature makes is more usable when it comes to selecting predefined list of values.

One problem with this is that majority of values for filterable fields are based on predefined list of values that we put in dropdown list.
So our component template has many repeated templates like this

<ng-template let-currentItem #field1 >
    <kendo-dropdownlist
        [data]="valuesForField1"
        (valueChange)="
            currentItem.value = $event; filter.valueChange.emit(filter.value)
        "
    >
    </kendo-dropdownlist>

</ng-template>

<ng-template let-currentItem #field2 >
    <kendo-dropdownlist
        [data]="valuesForField2"
        (valueChange)="
            currentItem.value = $event; filter.valueChange.emit(filter.value)
        "
    >
    </kendo-dropdownlist>
</ng-template>

Writing these editor templates with handlers for valueChange that differs only in the source list and using onInit to set these as editorTemplate seems inefficient. 
Our component ended up with mostly filter editor templates just in order to use filter component.
I am aware that this could be all done in markup but using filters property on Filter is more flexible as filters can be driven from server side.

It would be a good that FilterExpression type has some property like valuesListData: {text: string, value: any}[].so that dropdown get generated automatically.
I assume that picking from the dropdown is the mostly used scenario and would satisfy majority use cases.

So this is a feature request:

As a developer I would like to be able to set a list of objects on FilterExpression object so that Filter component create dropdown for value editor with the provided list.

Unplanned
Last Updated: 09 Aug 2022 05:46 by ADMIN
There should be an input on kendo-chat to apply CSS class(es) to the chat message and/or the chat bubble.
Declined
Last Updated: 26 Jul 2022 07:31 by ADMIN

I have installed kendo-angular-layout package and after running the command npm start Im receiving the errors represented in the pictures. 

 

Im not sure how to fix this?

 

Im not sure how to check my Kendo package version as well /

Unplanned
Last Updated: 25 Jul 2022 17:28 by ADMIN
Created by: samer
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
0

Hello,

we are searching for two components that we don’t find in your ANGULAR Library.

These components are:

  • KANBAN Cards / TASK LISTS   
  • Docking Manager

I have attached some print screens for existing components on the market...

Could you please check if there are any future/planned  developments concerning these two components with Telerik?

Thank you in advance…

Declined
Last Updated: 21 Jul 2022 10:08 by ADMIN
Created by: Julien
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
0

Hi,

Currently, it seems impossible to have a global search field that look up into a given number of columns.

The idea would be to: either have a bindable property (like "searchString"), either having just an option to activate a "global search"(and you would add the search component).

It would also be required to be able to provide a list of "fields" to search in.

Obviously, when the search string change, it should reset the paging.

 

It's something we have to implement again every time we use your Grid(and it's quite hard to make a wrapping component because there is a lot of things to customize. You can check how the global filter is implemented: PrimeNG (primefaces.org)

Declined
Last Updated: 21 Jul 2022 08:22 by ADMIN
Created by: Deepali
Comments: 1
Category: Kendo UI for Angular
Type: Feature Request
1

Hi

On click of a label, I want my kendo numeric textbox to have focus, but it is not working. Following is my code.

 


<label for="kid">Currency</label>

<kendo-numerictextbox
  [attr.id]="'kid'"
  [format]="formatOptions"
  [min]="min"
  [max]="max"
  [step]="step"
  [autoCorrect]="true"  
  [spinners]="false"
  [formControl]="control"
  [changeValueOnScroll]="false"
>
</kendo-numerictextbox>

Issue is because, at the run time kendo generates a random ID, and appends that ID to the input box(.k-input) , instead of appending the id given by the user as above. This is causing the issue and focus is not set on input box when clicking in label. Could you please check it and suggest a solution.


"@progress/kendo-angular-inputs": "^9.0.0",

 

I know to associate any Kendo UI component with the Label, template reference variable is the way to go.


<label [for]="numerictextbox">NumericTextBox: </label>
<kendo-numerictextbox #numerictextbox>
</kendo-numerictextbox>

 

But what if my label and input box are coming from different components, then this template ref variable approach would not work. So i would suggest kendo to use traditional ID approach to set the focus on input element.

 

Kendo can use HostBinding property from Angular , to remove ID from kendo-numerictextbox level, and adding the user supplied ID directly to inner input element.


@HostBinding('attr.id') _id = null;

  @Input() id?: string;

 

Thank You

Declined
Last Updated: 21 Jul 2022 08:10 by ADMIN
Created by: Wai Kit
Comments: 0
Category: Kendo UI for Angular
Type: Bug Report
1

Select all checkbox provided in tree list module is not working as expected. Below are the detailed step to reproduce

To Reproduce

Scenario 1 :

  1. Checked on select all checkbox
  2. Unchecked any of the row, the select all checkbox still checked.

Scenario 2 with pagination:

  1. Checked on select all checkbox
  2. Move to next page
  3. Select all checkbox is checked, but the rows is not selected

Scenario 3:

  1. Checked on select all checkbox
  2. Expand the parent node, the child node is not checked

Expected behavior
Scenario 1:
The select all checkbox should be unchecked. Same as what provided in Grid module
Scenario 2:
The select all checkbox should be unchecked
Scenario 3:
The child node need to be checked

1 2 3 4 5 6