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.

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)

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

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.

Please find the below screenshot for your reference and help us

Thanks,

Rajkumar S

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

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? 

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

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.

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 /

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)

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

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

Currently, the Button component supports appearance options such as size, fillMode, and rounded.

This request is about a way to set those appearance options globally for the entire app, in a single location, so that the user does not have to pass all of these settings every time they use a button.

I know this could be achieved by wrapping the Button component in another component, but that may lead to an unnecessary performance hit.

Another option would be to use the ThemeBuilder and set some variables, but that would not behave in the exact same way as the appearance options - for example, it is not so dynamic.

The kendo scheduler when opened in the mobile view the events tittle inside the month view texts are broken and hide in responsive design.

The user did not see the full event tittle texts in month view in responsive Design. 

please refer below  attachments here.

The Scheduler recurrence editor numeric inputs automatically change leading 0 inputs via keydown or pasting to 1's or empty values. 

Extend the ability to disable the mandatory autocorrection for all recurrence editor inputs so any numeric value can be entered.

It would be nice to have a QRCode Component like the one in Kendo UI

https://demos.telerik.com/kendo-ui/qrcode/index