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!
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.
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
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
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.
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
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
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.
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