Currently the pager is always at the bottom of the grid. I would love to see an option to place the pager at the top and/or bottom. Without adding custom code every time I need this.

At the moment you can specify a template and make a download link yourself. But then you loose the pretty visualization, including upload progress etc.

Would be nice if you can specify a download url or download method to trigger when one of the uploaded files is clicked.

Hi,

It seems there is an issue with the material theme and nested grids.   When you have master-detail nested grids, the entire last nested grid gets applied with the same styling as the bottom rows of all the other nested grid. 

The styling in my browser is showing up as

Which causes the rows in the last grid to not appear.   

I have attached an image where I have changed the styling to 5px and red so you can see that it is being incorrectly styled.  You can see that even the other rows in in the last grid are getting styled along with the last row style.

I am running the latest version of Kendo.

Cheers,

Clint

The TileLayout is a great addition to the jQuery version of Kendo UI. It would be great to have it also as a native component for the Angular version.

And by the way, it would be even greater if you would also add persistence for size and order of the tiles.

In the Kendo ComboBox, the selection part is not working with shadow dom.

1. Reproduction:

Please look at the below links,

With ShadowDOM:

https://stackblitz.com/edit/angular-evkasb?file=app%2Fapp.component.ts

Without ShadowDOM:

An example is provided in the below link under 'ENABLING SUGGESTION' section

https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/suggestions/

Expected Result:

When user type 'C', the first word starts with C in the list 'Croatia' is suggested and 'roatia' is selected. But as soon as I type 'y' next to 'c', the combo box is suggesting 'Cyprus' and 'prus' should be selected

Actual Result:

As soon as I type the first word starts with C in the list is 'Croatia' is populated in the Combobox and 'roatia' is NOT selected. So the user cannot type ‘y’ in this case. But the user wants to select ‘CYPRUS’ but 'Croatia' is filled as the input and Cyprus is not suggested.

I have attached the video for the difference between with/without shadow dom.

Also, If you need any additional information, I have created a support ticket:

Hi,

 The tree view enables us to drag and drop one item at a time. we have a scenario where i want to drag and drop multiple items. tree view also enables multiple selection of items but not supporting drag and drop of multiple items. Could you please provide some solution to dag and drop multiple items

The use case that we would like to cover is as follows.

1. Open an image in Paint.

2. Select a region and copy it.

3. Paste into the editor.

4. The image should be displayed in the editor. 

It should, however, be encoded similar to the way that Kendo Grid for jQuery does to produce something like this.

<img src="data:image/png;base64,iVBORw0KGgoAAA...vwAAAABJRU5ErkJggg==" />

Note that the image is not hosted remotely at some URL, but rather is included inline within the body.

Kendo version :

How to reproduce :

- Add a kendo dropdown button with some items

- Use appendTo='component' popupSetting

- Bind itemClick and close events

Stackblitz example : https://stackblitz.com/edit/kendo-dropdownbuttons-keyboardnavigation?file=app/app.component.ts

What happens :

- If you use arrows to navigate through items, is always skip one item.

- If you use enter or space to select item, the popup close and reopen immediately.

- If you prevent close as in the stackblitz example : enter and space will fire twice the itemClick event.

How to reproduce :

- Create a dropdown button with some items

- Open it with your mouse

What happens :

The first button is automatically focussed. Even with mouse use.

Feature request :

Allow to focus on nothing if you use the mouse.

Or allow to select the default focussed item with an input of DropdownButton component. It could accepts no default focus.

Hi,

 The tree view enables us to drag and drop one item at a time. we have a scenario where i want to drag and drop multiple items. tree view also enables multiple selection of items but not supporting drag and drop of multiple items. Could you please provide some solution to dag and drop multiple items

Thanks& regards,

Ramesh M

Hello Telerik,

We have implemented a custom reusable filter cell component similar to the example of the multi-select checkbox example from the docs. The difficulty using that example however, is that when the filter is updated, the other filters in the grid are removed due to the use of filterservice.filter. Because the CompositeFilterDescriptor can contain both filters and composite filters, why does the base filter cell component's base methods not allow a CompositeFilterDescriptor to be provided to the UpdateFilter method? 

    protected filterByField(field: string): FilterDescriptor;
    protected filtersByField(field: string): FilterDescriptor[];
    protected removeFilter(field: string): CompositeFilterDescriptor;
    protected updateFilter(filter: FilterDescriptor): CompositeFilterDescriptor;
    protected applyFilter(filter: CompositeFilterDescriptor): void;

Our method for implementing the multi-checkbox filter cell was to build a composite filter using 'Or' logic and each selected value added as a filter descriptor with operator 'eq' and the selected item value as the value of the filter, and use a similar strategy as the base filter cell component to add this composite filter to the filter service's composite filter. 

  private getSelectedFilters(values: Item[]): CompositeFilterDescriptor {
    const selected: FilterDescriptor[] = values.map((value) => {
      return {
        field: this.field,
        operator: 'eq',
        value: value.value,
      };
    });
    return {
      filters: selected,
      logic: 'or',
    };
  }

  public onChange(values: Item[]): void {
    this.selectedValues = values;
    const root = this.filter || {
      filters: [],
      logic: 'and',
    };
    this.removeFilter(this.field);

    if (values !== null && values.length !== 0) {
      root.filters.push(this.getSelectedFilters(values));
    }
    this.filterService.filter(root);
  }

If the base filter cell component allowed the CompositeFilterDescriptor type or the FilterDescriptor type in the updateFilters method, we could simplify the logic in our filter cell component to be similar to the patterns shown in the drop-down list filter component example, as shown below, but with a composite filter descriptor such as the one generated by the above getSelectedFilters function.

this.applyFilter(
      value === null // if value of the default item
        ? this.removeFilter(this.valueField) // remove the filter
        : this.updateFilter({
            // otherwise add/modify the filter for the field with the value
            field: this.valueField,
            operator: 'eq',
            value,
          })
    ); // and update the root filter

I think this would be a beneficial addition to the Kendo Angular2 product, as it would enable many more reusable filter components to be created more easily and also simplify/ enhance some of the existing examples you provide.  If you would like more information or the full multiselect-filter component, I would be happy to supply it.

Thank you!

We could really do with a file explorer, I believe this is already available in your JQuery suite and is planned for .NET Core.

Syncfusion have already implemented an angular file explorer which can use Azure Blob Storage as a backend (though other backends are also available).

In fact the syncfusion file explorer is based on your own component.  After some digging around looking for a similar solution I found their design document for the component which directly refers to the Telerik's own components.  You may want to consider contacting syncfusion on this because it appears to me that they may have breached your copyright. 

I was a little flabbergasted when I found out that the "AutoComplete" component only handles "Simple Data" - even though there is a parameter called "valueField" and a subtopic under "Data Binding" called "Complex Data". It is impossible to display i.e. the Name of a Person and have the ID of that person as the value of the "AutoComplete" component. Can you please enable this, it is imperative to working with an autocomplete textfield that value and text can be _different_ and that a value other than the selected text can be accessed.

 With a combobox a user will naturally try to open the combobox, not type in it.  This is not a good UI design.

It be great to have a working and visually pleasing autocomplete component. 

Is it possible for you to change the combobox into an autocomplete component? Give it a parameter [autocomplete] and hide the dropdown widget. 

Also subscribed here:

https://www.telerik.com/forums/autocomplete-and-complex-data

Hi,

I am using scrollview and I want to make it resposive, i.e. show less amount of items in the scrollview when the screen size is reduced.

For instance, currently I am showing 5 items in scrollview's active view. Now if a user access it via a different device with a smaller screen size, I want to show only 1 or 2 or item (depends on screen size) in the active view. How can I achive this with scroll view?

Secondly, I am showing 5 active items in the view, now when the user clicks the scrollview's next or previous button, I want scrollview to get just one more item into the active view, depending on user selection.

Regards,

Andy