I want to add a search icon inside the autocomplete component.while the user is not typing anything in the box a search icon should appear.as the user starts typing search would be replaced with a default cross icon.again when the focus is out of the box the cross icon should be replaced by the search icon.how do I achieve with autocomplete component.

Hi,

I would like to know if there is a way to move an event scheduler title while we are scrolling to left and right. 

Thanks in advance. 

Hi,

My component is required to include calendar in dialog control. But the calendar navigation is incorrect when the dialog box is open.

I have attached the screenshot from sample project.

Please advise.

Thanks in advance.

==================

Dependencies in Package.json

  "dependencies": {
    "@angular/animations": "~9.0.0",
    "@angular/common": "~9.0.0",
    "@angular/compiler": "~9.0.0",
    "@angular/core": "~9.0.0",
    "@angular/forms": "~9.0.0",
    "@angular/localize": "~9.0.0",
    "@angular/platform-browser": "~9.0.0",
    "@angular/platform-browser-dynamic": "~9.0.0",
    "@angular/router": "~9.0.0",
    "@progress/kendo-angular-buttons": "^5.0.0",
    "@progress/kendo-angular-common": "^1.0.0",
    "@progress/kendo-angular-dateinputs": "^4.3.1",
    "@progress/kendo-angular-dialog": "^4.2.1",
    "@progress/kendo-angular-intl": "^2.0.0",
    "@progress/kendo-angular-l10n": "^2.0.0",
    "@progress/kendo-angular-popup": "^3.0.0",
    "@progress/kendo-theme-default": "^4.21.0",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },  

Hey, I am using Angular, and when the chart loads up, the axis is at the correct location. I added axisCrossing values. 

  pressureAxisOptions: ValueAxis = {
    axisCrossingValue: Number.NEGATIVE_INFINITY,
    name: 'Pressure (psi)',
    min: -10,
  };
  extendedYAxisOptions: ValueAxis = {
    majorGridLines: {
      color: transparentBlack,
    },
    min: -10,
    axisCrossingValue: [Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY],
  };

but after the user zooms in, the data is reloaded from the backend and the setting goes away. What am i doing wrong ?

 <kendo-chart-series>
      <!-- Loop thru all readings -->
      <kendo-chart-series-item *ngFor="let readings of pressureReadingsData" [data]="readings.items"
        [color]="seriesOptionsArr.get(readings.value).color" [markers]="{ visible: false }"
        [name]="seriesOptionsArr.get(readings.value).name" type="scatterLine" xField="timeRead" yField="sample"
        zIndex="1">
      </kendo-chart-series-item>
    </kendo-chart-series>
    <kendo-chart-x-axis>
      <kendo-chart-x-axis-item type="date" baseUnit="seconds" [labels]="{ format: getAxisDateFormat()}"
        [majorGridLines]="{ visible: false }"
        [minorGridLines]="{ visible: false }" 
        [min]="xAxisMin" 
        [max]="xAxisMax" 
        majorTicksVisible=false 
        name='date_axis'>
      </kendo-chart-x-axis-item>
    </kendo-chart-x-axis>
    <kendo-chart-y-axis>
      <kendo-chart-y-axis-item [name]="pressureAxisOptions.name" [min]="yAxisMin" [plotBands]="yPlotBands"
        [majorGridLines]="pressureAxisOptions.majorGridLines" [majorUnit]="pressureAxisOptions.majorUnit" 
        name='value_axis'>
      </kendo-chart-y-axis-item>
    </kendo-chart-y-axis>
    <kendo-chart-tooltip>
      <ng-template kendoChartSeriesTooltipTemplate let-value="value">
        <div class="card p-1">
          {{ value.x | localizedDate : 'DateTimeStandard' }} : {{ value.y }} psi
        </div>
      </ng-template>
    </kendo-chart-tooltip>
  </kendo-chart>

Hello,

     Does Kendo UI for Angular support Angular 9 with Ivy yet?  If not, when will it happen?

Thank you.

I have the following issue with a DateTimePicker combined with a Kendo Dialog.

When opening the DateTimePicker on certain screen sizes the bottom buttons are not visible and not accessible.

I can not scroll because of the dialog's fixed position and the DateTimePicker being stuck to the input field.

I attached a screenshot of the situation.

I also recreated the issue in the following stackblitz: https://stackblitz.com/edit/angular-kgwcdh

Is there any solution or workaround for this issue?

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