Telerik Forums
Kendo UI for Angular Forum
1 answer
1.5K+ views
With TreeView I can use the selectionChange-Event to react to selection of a row. But I didn't find anything similar with TreeList. So what is the proper way to react to selection of a new row and to handle the data of this row?
Svet
Telerik team
 answered on 09 Sep 2020
1 answer
1.4K+ views

Hi, I am using kendo tool tip to show tool tip(formatted) on hover of the kendo scheduler slot. But currently the tooltip is getting displayed on hover of the title not on the slot hover.

 

Code Snippet

 

</ng-template>
          <kendo-scheduler-day-view> </kendo-scheduler-day-view>
          <kendo-scheduler-week-view> </kendo-scheduler-week-view>
          <kendo-scheduler-month-view> </kendo-scheduler-month-view>

          <ng-template kendoSchedulerEventTemplate let-event="event" class="status" >
            <div kendoTooltip
            filter=".status"
            [titleTemplate]="titleTemplate"
            [tooltipTemplate]="template"

Hetali
Telerik team
 answered on 09 Sep 2020
2 answers
100 views

Hi,

I try to add resizable table to editor with css. Is there a possible with any other solutions?

nevra
Top achievements
Rank 1
 answered on 08 Sep 2020
3 answers
167 views

Hello everyone, I hope you can help me.

 

I am trying to create pdf on my page with "Kendo UI for Angular PDF Export": https://www.telerik.com/kendo-angular-ui/components/pdfexport/

 

when I added the import "PDFExportModule" to my module:

import { PDFExportModule } from '@progress/kendo-angular-pdf-export';

NgModule({
  imports: [
    ReactiveFormsModule,
    QuotationRoutingModule,
    InputsModule,
    ButtonsModule,
    DropDownsModule,
    CommonModule,
    TranslateModule.forChild({
      loader: {
        provide: TranslateLoader,
        useFactory: translateLoaderFactory,
        deps: [HttpClient, MODULE_BASE_PATH],
      },
      isolate: true,
    }),
    MomentModule,
    GridModule,
    NotificationModule,
    PDFExportModule,
    TooltipModule,
    NgxsModule.forFeature(),
  ],
  declarations: [QuotationComponent, RequiredValidator],
  exports: [QuotationComponent],
})

I get this error on the browser (image):

  ERROR Error: Uncaught (in promise): Error: Unexpected token '<'
  Evaluating http://localhost:4200/@progress/kendo-angular-pdf-export
  Loading http://localhost:4100/quotation/bundles/quotation.umd.js?v=1599175943971

 

My page was working correctly before to import "PDFExportModule".

 

I couldn't find a way to fix this, does anyone know what might be going on?

 

best regards,

 

Configuration:

 

AngularCLI: 10.0.4

Node: 12.16.0

Angular: 10.0.5

----------

"@angular/common": "^10.0.5",

"@angular/core": "^10.0.5",

"@progress/kendo-angular-common": "^1.2.3",

"@progress/kendo-drawing": "^1.8.1",

"@progress/kendo-angular-pdf-export": "^2.0.4",

"rxjs": "~6.6.0",

 

T. Tsonev
Telerik team
 answered on 08 Sep 2020
1 answer
278 views

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.

 

Dimiter Madjarov
Telerik team
 answered on 07 Sep 2020
4 answers
67 views

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. 

Elena
Telerik team
 answered on 07 Sep 2020
1 answer
148 views

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"
  },  

 

Alexander Popov
Telerik team
 answered on 07 Sep 2020
1 answer
90 views

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>

Dheuv
Top achievements
Rank 1
 answered on 04 Sep 2020
12 answers
1.9K+ views

Hello,

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

Thank you.

Svet
Telerik team
 answered on 04 Sep 2020
1 answer
196 views

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?

 

 

Martin Bechev
Telerik team
 answered on 03 Sep 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?