Telerik Forums
Kendo UI for Angular Forum
1 answer
276 views

I am trying to implement a custom drag & drop implementation for columns inside kendo grid. Is it possible to add for example something like CDK Angular drag and drop -> https://material.angular.io/cdk/drag-drop/overview , because current drag & drop implementation for one of our projects doesnt include everything that we need.

 

Currently we are looking for a solution to override the behavior of drag of element, dropping of element, showing placeholder when the element is dragged and similar, and we can't achieve them with default kendo drag drop on grid tables.

Svet
Telerik team
 answered on 03 Jul 2020
2 answers
115 views

Hi all,

We have an issue with rendering a Sitefinity Widget that contains a KendoUI Calendar Control.

When we assign a array of Date objects to the calendar they don't appear within the Calendar. This only occurs within Safari on MacOS and on iPhones, but not in e.g. Chrome, FF, IE etc.

I'm not sure why this is. It seems to be related to parsing dates, but I don't know how we could fix this? This is the code that does the trick:

// disabledDates and formattedDates are of type Date[]
this.disabledDates = formattedDates.map((date: Date) => {
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
});

 

When I assign an array of dates manually, it seems to work:

this.disabledDates = [
   new Date(2020, 7, 2),
   new Date(2020, 7, 4),
   new Date(2020, 7, 5),
   new Date(2020, 7, 6),
   new Date(2020, 7, 7),
];

 

Hope someone has a clue?

Thanks, Daniel

Daniel
Top achievements
Rank 1
 answered on 02 Jul 2020
1 answer
1.3K+ views

 

Hi,

 

 

 

After angular version update component in edit  template throws error of "Multiple components match node with tagname..."

 

When we click a row to open edit form we see this error in console.

ERROR Error: Multiple components match node with tagname x-component

 

Regards

Serdar

Svet
Telerik team
 answered on 02 Jul 2020
1 answer
153 views

Hi,

 

When I update my project to angular 10, I see npm warnings for most of the packages.

 

 

For example,

npm WARN @progress/kendo-angular-common@1.2.2 requires a peer of @angular/common@6 - 9 but none is installed. You must install peer dependencies yourself.

 

Are you planing an update to get rid of this warning.

Svet
Telerik team
 answered on 02 Jul 2020
1 answer
262 views

Hi,

I am trying to decrease package count in my project to speed up the angular build.

I spotted @progress/kendo-angular-l10n package and wonder if it is possible not to add that package since we are not using localization?

 

Regards

Serdar

Svet
Telerik team
 answered on 02 Jul 2020
2 answers
296 views
I need to have ngModel in chip component because my list is updated from backend and accordingly I want to remove/add chips on UI. So basically every time my list is updated the chip component should show the items which are there in that list.
Maitri
Top achievements
Rank 1
Veteran
 answered on 02 Jul 2020
1 answer
196 views

Hello,

 

Using the angular material theme you can set the appearance of form controls to "outline".

As you can see in the official documentation here:

https://material.angular.io/components/form-field/overview

 

Under "Form field appearance variants"

 

I can't seem to find this option in kendo ui.

 

Is there any way we can style the kendo-formfield with the same look as the angular material outline appearance?

 

Kind regards,

 

Nick Vergauwen

Svet
Telerik team
 answered on 01 Jul 2020
2 answers
161 views

I am following the Rendering Item Checkboxes documentation. But I'm running into a problem where when I try to reuse the form and existing controls, the multiselect displays the correct tags and the correct items are highlighted when you open it, but the checkbox inputs are not checked.

This is my HTML:

<ng-container *ngSwitchCase="'mulitselect'">
    <kendo-multiselect [formControlName]="col.ControlName"
                       [data]="col.Extras.Data"
                       [textField]="col.Extras.TextField"
                       [valueField]="col.Extras.ValueField"
                       [valuePrimitive]="true"
                       [autoClose]="false">
        <ng-template kendoMultiSelectItemTemplate
                     let-dataItem>
            <input type="checkbox"
                   class="k-checkbox"
                   [checked]="isItemSelected(col.Extras.Data, dataItem, col.Extras.ValueField)">
            <label class="k-checkbox-label">{{ dataItem[col.Extras.TextField] }}</label>
        </ng-template>
      </kendo-multiselect>
</ng-container>

 

This is my isItemSelected method:

isItemSelected(data: any, dataItem: any, valueField) {
    return data.indexOf(item => item[valueField] === dataItem[valueField]) > -1;
}

 

This how I'm reusing the form, where control named Foo represents the multiselect:

showEditForm(record?: ITestInterface) {
    this.form.disable();
    this.form.reset(record); // Patch in new value
 
    if (record) {
        this.form.get('Foo').setValue([1, 3]);
    }
}

 

Attached is a screenshot demonstrating what I mean.

Georgi
Telerik team
 answered on 30 Jun 2020
3 answers
388 views

Hi Team,We are planing to use Kendo Conversation UI to provide messaging feature to the user. 

 

We have an existing application which is built in angular 8 and uses Web API for any CRUD operation which is written in C#. 

Here, I am looking for some code sample / snippet / example which can explain how a user can participate in chat sessions with other users (not with any bot etc.) 

and would like to see how the message will be send to another user in a chat session or how the message will broadcast to multiple users.

Any help in this regard will be very much appreciated.

Regards,

Mahesh

Dimiter Topalov
Telerik team
 answered on 30 Jun 2020
9 answers
1.8K+ views

I tried adding a class to the kendo-dropdownlist but it does not seem to do anything.

.hide-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 99%;
}

 

<kendo-dropdownlist [class]="'hide-overflow'".... 

 

What is best way to show ellipses or alternately do word wrap?

 

 

 

Steven
Top achievements
Rank 1
 answered on 29 Jun 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?