Hello Folks,

we use Telerik for ASP.NET in our company. Never used Angular before.

in order for us to use Telerik Kendo UI for Angular what all components are needed to set up environment.

Thanks

Paul

Hi All,

I have a drawer component set up as my application's side bar navigation.  I am using a kendoDrawerItemTemplate to allow some customisation of the menu items' appearances.

If I don't use kendoDrawerItemTemplate and just leave the default styling, when an item has children I get the collapse arrow to expand and contract the level.  When using the kendoDrawerItemTemplate I would obviously need to include this, I can't find anything in the docs about how to pull this bit in.

I have something like this:

<ng-template kendoDrawerItemTemplate let-item let-level="level">
        <div
          style="
            display: flex;
            align-items: center;
            padding-bottom: 3px;
            padding-top: 3px;
          "
        >
          <span
            [ngClass]="'k-icon ' + item.icon"
            [themeColor]="primary"
            size="medium"
          ></span>
          <span class="k-item-text">{{ item.text }}</span>
          <span
            *ngIf="item.children"
            class="k-icon k-panelbar-expand k-i-arrow-60-down"
          ></span>
        </div>
      </ng-template>

The span with the *ngIf children I know is wrong but it is there that I want to pull in the component / code for the arrow if possible.

Does anyone know the answer as to how I achieve this?

Many Thanks,

Hi,

I have 2 queries on multiselect using drag selection.

1. When 'Multiple' option is set to 'false' in SelectableSettings of Treelist, auto scrolling happens when we reach the end of treelist visible in viewport.

When 'Multiple' option is set to 'true' in SelectableSettings of Treelist and multiple rows are selected using drag selection, auto scrolling not working. we need to use the mouse wheel to scroll through the treelist. Is there a way to make auto scrolling work while selecting multiple rows?

can be replicated in below example too.

https://www.telerik.com/kendo-angular-ui/components/treelist/selection/

in this example, disable 'Multiple'. Do a drag selection, auto scroll works as we move down

Enable 'Multiple' option, auto scroll does not work as we move down.

2. When selecting multiple rows using mouse drag selection and scroll(using mouse wheel), the marquee selection also moves along with that, but when the drag selection is released all the rows(even which are not in the viewport) are selected. Do we have any fixes planned for this?

https://www.telerik.com/kendo-angular-ui/components/treelist/selection/

here when we enable 'Multiple' option and do a drag selection while scrolling using mouse wheel, Marquee rectangle moves and covers only the rows displayed in viewport. after releasing drag selection, we could see that all rows which are not visible in view port are also selected.

Is there a way to define slot height anyhow?
And I mean a simple height or ratio to would get applied to the whole scheduler.

This would be very helpful for when my custom event template always displays 2 lines :

Thanks!

I am using Kendo tile layout in my angular application. When I am trying to click on Edit and Delete button, It is not allowing me to click on those buttons as it is leaving the original position from top and left. Due to that the buttons are not clickable.

Similarly I want to add a widget dynamically in my application. For that I am using Kendo Tile Layout. The issue I am facing is when I am adding a new widget and specifying its row, col, col_span and row_span, It is overlapping with the previous saved widget. Ideally it should be added at the bottom/last as I am using array.push method. However it is getting overlapped with the previous tiles displayed on the page.

I followed this link where they are saying that remove the absolute/relative position and use margin padding instead. But In my project I am not even using the positions. But still I am facing this issue.

https://github.com/telerik/kendo-angular/issues/3492

I have attached the screenshot of the issue I am facing. If someone has the working solution for this issue then it will be a great help.

Tile Layout Version: 6.6.0

Hi,

For our project we are using the Kendo UI library for Angular. The components are styled to fit our style guide. Sometimes we need custom components which are either completely new or extend/reuse Kendo components. An example of this is a custom form control which consists of two kendo inputs.

Are there any guidelines on how to do this? Do we create a new library which wraps all kendo components? Do we use a combination of custom/kendo components?

Thanks!

After choosing an option from a dropdown in the toolbar, the focus automatically moves to the text area. If you go back to the toolbar by hitting shift and tab, the focus gets trapped on the dropdown. You are unable to use arrow keys or tab keys to move away. 

Also, is there a reason why we cannot use the tab key to move through the toolbar options? 

We're trying to export the data from the Chart component into excel format as a copy/pastable (the data, not the chart).  The Chart supports exporting the chart itself as an image, but what I'm trying to get after is to use the ExcelExportComponent to take the data I am feeding to the chart, format as an excel document, and then copy it to the clipboard so the user can paste it into excel themselves, similar to what can be achieved with the Grid component. I understand the ExcelExportComponent is set up for saving data as an excel file, but can I access it somehow to get that data copied?

Hello,

while it is still possible to search for ChangeLogs for angular components, the links don't work any more.

The link https://www.telerik.com/kendo-angular-ui/components/inputs/changelog/

results in

Oh, no!
It seems we've lost this page.

We need to check the changeLogs in order to see the latest possible version vor Angular 13 for specific components.

Kind regards,

Michael