I'm using a RadarChart to display some data that can have long category labels. These labels happen to overlap because of their width. Using the following tips:

https://www.telerik.com/kendo-angular-ui/components/charts/how-to/axis-labels-tooltip/

https://www.telerik.com/forums/show-ellipsis-in-chart-labels-for-long-texts

I tried using an ellipsis with a tooltip for the labels. It works but the placement of the category labels is off. The following stackblitz shows the problem:

https://stackblitz.com/edit/angular-hpn8at-duj2f1?file=app/app.component.ts

How can I insert a custom Angular element into the kendo-editor value?

I want my kendo-editor to have a feature which allows to upload local images. After uploading the url for the image retrieval requires authentication/authorization. So, I can not rely on the native src handling and have to run a get request for an image src myself to add a few headers.

In order to achieve that I use a pipe which takes the image src, runs a request and transforms the request result into the base64 to show an image.

Now, in order to use the Angular features (e.g. the pipe) in the kendo-editor value I use a custom Angular element. https://angular.io/guide/elements

And the issue is that for some reasons I am not able to insert the custom Angular element into the kendo-editor value, while I only able to make the whole value being equal to the element.

Here is the stackblitz with the issue demonstration: https://stackblitz.com/edit/angular-uv7tpc?file=app%2Fdialog.component.ts.

The file to pay attention to is the dialog.component.ts.

If I change the `<p><custom-img-element></custom-img-element></p>` to the `<custom-img-element></custom-img-element>` the custom element will be inserted just fine, but if I insert the element (i.e. won't remove the `p` enclosing tag), then the element just does not get inserted and disappears.

In case something is not clear in the issue described, please, let me know.

Hello, 

is there any way to keep the focus in the textbox after entering a custom text while the property [autoClose]="false" is set? Or are there any plans to provide this functionality?

The default behavior is that the focus is no longer in the textbox (like in the following example):

https://stackblitz.com/edit/angular-ksexui-kglkqw?file=app/app.component.ts

Regards,

Christoph

Hello,

I'm trying to use the scrollTo function in TreeList and seems does not work.

Here the stackbliz:

https://stackblitz.com/edit/angular-ivy-7ibzyv

Anything wrong in my implementation?

Thanks,

B

Hi,

I am trying to modify the tooltip for the scheduler events. I want to display lot of information with a given template and the basic tooltip is not enought.

To achieve this, I am trying to use the kendo tooltip. I want to display the tooltip in the mouse position but I am not able to do it. The position is relative to the event that I am hovering with the mouse and if the event is too large, the tooltip goes to far.

What can I do?

I attach some evidences. The blue point is the point where the mouse pointer is. 

Hi,

We have a scenario where we are displaying parent and child grids on expand collapse.

We are also using virtualization.

Can we set dynamic heights to child grids with virtualization enabled? e.g if on expand a record child grid has 1 record only and on expanding another parent row it has child grid with say 15 records.

Child grid height set as per no of records.

As per this - https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/

We need to set fixed detailRowHeight property. But here we have dynamic child grid height.

Thanks.

Hello,

I have a business requirement to position this button has the top so users don't have to scroll to the bottom to toggle "Show business hours" and "Show full day". After thoroughly checking the documentation, it seems like there is not a way to do this.

I have tried a couple approaches to reposition with regular javascript and manipulate the DOM, but this presented more issues and bugs.

Please help me find a way to do this that works in Angular that doesn't break things.

Thanks in advance.

Is it possible to add legend to waterfall chart? Now, its not working

<kendo-chart>

  <kendo-chart-value-axis>
    <kendo-chart-value-axis-item
      [labels]="valueAxisLabelConfig"
      [majorUnit]="20000"
      [min]="valueAxis().min"
      [max]="valueAxis().max"
      [majorGridLines]="lineColor"
      [line]="setVisible">
    </kendo-chart-value-axis-item>
  </kendo-chart-value-axis>

  <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [line]="lineColor"
                                    [visible]="false"
                                    [majorGridLines]="setVisible"
                                    [majorTicks]="setVisible">
    </kendo-chart-category-axis-item>
  </kendo-chart-category-axis>


  <kendo-chart-series>
    <kendo-chart-series-item
      type="waterfall"
      [gap]="2.5"
      [data]="data"
      [visibleInLegend]="true"
      field="value"
      categoryField="title"
      [color]="pointColor.bind(this)">

      <kendo-chart-series-item-labels
        [content]="labelContent"
        [font]="'bold 12px OpenSans, sans-serif'"
        position="outsideEnd"
        background="none"
        color="#000">
      </kendo-chart-series-item-labels>

    </kendo-chart-series-item>

  </kendo-chart-series>

  <kendo-chart-legend position="bottom"
                      [spacing]="38"
                      [visible]="true"
                      [labels]="legendOptions"
                      [markers]="markerOptions">
    <kendo-chart-legend-item
      [cursor]="'pointer'"></kendo-chart-legend-item>
  </kendo-chart-legend>

</kendo-chart>

Hi

When user clicks "Export" button it takes about 10 minutes before download starts for grid with 300 000 records. Is there a way to display a loading indicator at least while export file is generating?