Progress® Kendo UI® for Angular Feedback Portal

Need More Info

Last Updated: 28 Oct 2022 09:51 by ADMIN

Scheduler Resource[]

Created by: Eugene

Comments: 1

Category: Kendo UI for Angular

Type: Bug Report

Scheduler Resource[]

Dear Support Team,

I had a problem with the Scheduler-Component

So my Problem was that the Resource[] in the Scheduler-Component did not work as an Array. It always used only the first entry.

I tried to create multiple Resources and filled the Array with them, but I only could use the first Entry to style an event.

Because of this "bug" I had to do a huge workaround to colorize multiple different type of events.

Need More Info

Last Updated: 23 Sep 2022 08:00 by ADMIN

Zoom in /out

Created by: Babu

Comments: 1

Category: Editor

Type: Feature Request

Zoom in /out

Hi team,

Zoom in /out options are required to view the content of the editor.

Regards,

Babu

Need More Info

Last Updated: 29 Aug 2022 05:45 by ADMIN

mutliselect css issue

Created by: chirag

Comments: 1

Category: MultiSelect

Type: Bug Report

mutliselect css issue

Hi Team

we were using Multiselect with version of dropdown "@progress/kendo-angular-dropdowns": "5.3.0",

but now that we have updated the kendo dropdowns version "@progress/kendo-angular-dropdowns": "7.0.2"

CSS of our multiselect is messed up now can you suggest a way to keep our old CSS working as everything was coming from KendoDropdown

as now I can see <li> tag is converted to <div> for each item selected and there is a new class k-chip introduced .

This has been breaking our production please help us in going forward.

Need More Info

Last Updated: 20 Jul 2022 11:29 by ADMIN

kendo scheduler fixed timezone

Created by: Asfahaan

Comments: 1

Category: Kendo UI for Angular

Type: Bug Report

kendo scheduler fixed timezone

https://www.telerik.com/kendo-angular-ui/components/scheduler/timezones/#toc-fixed-timezones

In the kendo scheduler fixed timezones are not working properly because it only takes the local time which on the browser and shows the local time only in kendo scheduler.

Not showing the fixed timezones depends upon the other country timezones.

we want some solution for set the fixed timezones.

Example: if browser time shows the india timezones locally but we want to show other country timezones which depends upon the country.

Need More Info

Last Updated: 25 Mar 2022 15:32 by ADMIN

Strip out extra style tags from HTML content

Created by: Anthony

Comments: 1

Category: Editor

Type: Feature Request

Strip out extra style tags from HTML content

Sometime but not always, the Editor will start to set the style attribute for each and every element, even though they are all the same.

Example Html:

<p>
  <span style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Bedroom One</span>
  <br style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
  <span style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">- Wrap, box and move non-affected contents and small furniture away from the affected area.</span>
  <br style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
  <span style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">- Carryout inventory and dispose of non-restorable contents and furniture.</span>
</p>

How can I avoid this duplication?

This is my current configuration for the Kendo Editor:

 <kendo-editor ctsStyle
          [style.height]="to.height"
          [formControl]="formControl"
          [class.is-valid]="showError"
          [formlyAttributes]="field"
          >

          <kendo-toolbar [overflow]="true">
            <kendo-toolbar-buttongroup>
              <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
            <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
            <kendo-toolbar-buttongroup>
              <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
            <kendo-toolbar-buttongroup>
              <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
          </kendo-toolbar>

        </kendo-editor>

Need More Info

Last Updated: 22 Mar 2022 07:37 by ADMIN

ScrollBottom event kendo List view angular is not getting triggered

Created by: Lahari

Comments: 1

Category: ListView

Type: Bug Report

ScrollBottom event kendo List view angular is not getting triggered

Ts Code:

import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
import { ZonesService } from '../../services/zones.service';
import {PagerSettings,
PagerPosition,
PagerType,PageChangeEvent} from "@progress/kendo-angular-listview";
import { historyExtraParams } from '../../constants/entities.constant';
@Component({
selector: 'app-list-view',
templateUrl: './list-view.component.html',
styleUrls: ['./list-view.component.scss']
})
export class ListViewComponent implements OnInit {
@Input() dataId;
@Output() closeDialog: EventEmitter<boolean> = new EventEmitter();
public data: any[] = [];
public historyExtraParams = historyExtraParams;
public updatedData;
public page = 0;
constructor(private _zonesService: ZonesService) { }
public ngOnInit() {
this.loadMore();
}
public getData(): any {
this._zonesService.getZonesd(this.dataId, this.page).subscribe(
response => {
this.data = response['version_histories'];
// this.formatData(response['version_histories']);
},
error => {
if (error && error.status === 401) {
}
});
}
public getFormattedField(title) {
return title ? title.replace(/_/g, ' ') : '';
}
public loadMore() {
this.page = this.page + 1;
this.getData();
}
public closeConfirmDialog() {
this.closeDialog.emit();
}
}

Html code:

<div style=" overflow-y: auto;
margin-top: 60px;
">
<kendo-listview
[height]="400"
[data]="data"
containerClass="k-d-flex k-flex-col k-flex-nowrap"
(scrollBottom)="loadMore()"
>
<ng-template kendoListViewHeaderTemplate>
<!-- <div class="header">TRENDING ARTICLES THIS WEEK</div> -->
</ng-template>
<ng-template
kendoListViewItemTemplate
let-dataItem="dataItem"
let-isLast="isLast"
>
<div *ngFor="let item of dataItem?.changes | keyvalue">
<div *ngIf="!historyExtraParams.includes(item.key)">
{{isLast}} An event called {{dataItem?.event}}  happened and {{getFormattedField(item.key)}} changed from {{item.value[0] || 0}} to {{item.value[1]}},
</div> 
</div>
</ng-template>
</kendo-listview>
</div>