Telerik Forums
Kendo UI for Angular Forum
4 answers
1.3K+ views
Hello there! First I am new at using this but you guys have great examples on your website to get started which have really helped. I am using the multi-checkbox menu filter list filter that is on this page https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/ and I have 2 questions about it:
 
 1: I want to remove the clear and remove buttons from here. I have tried to style them in CSS with different options but nothing works. I have tried
.k-filter-menu .k-button-group {display:none !important;}

also

[showOperators]= false

Is there another way to hide or remove them?

2: When you select the category filter and have all the categories, when you check the category (ex: check beverages then click filter it filters beverages), is there a way when I click beverages checkbox that it filters beverages at that point instead of selecting beverages then click filter? Also when you deselect the the check box I want it to act as if you clicked clear filter?

Thanks!

 

Gregg
Top achievements
Rank 1
 answered on 04 Jul 2020
1 answer
239 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
84 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.2K+ 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
109 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
231 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
242 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
151 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
101 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
310 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?