Hello,
We have been starting to use the Filter Feature to open up a Dialog for users to customize the filter, but it would be nice to be able to hide some of default buttons, and format the width around the filter expressions. We need to hide some of these as we are not building the backend to handle the need for some of these items.
For example:
- We are not building the ability to allow for an OR between Filters, so being able to hide the "And/Or" buttons would be helpful.
- We are not building the ability to handle groups of statements, just one list of filers, so removing the "Add Group" button would be helpful.
- We are using the template ability to customize one of our Expressions with a template the uses the <kendo-multiselecttree> dropdown, but really don't need the extra dropdown to list the Operator, so having the ability to remove the operator drop down completely for this one Expression would be helpful.
- Being able to adjust the width of the three boxes in the Filter expression as I think the Operator box is too wide.
I attached what it is we are trying to accomplish it it helps.
Thanks,
Bill
It will be nice to have the option to disable the whole component or set it in readonly mode. Currently, you would need to attach the k-disabled class to the filter component to disable the component.
https://stackblitz.com/edit/angular-gywefc?file=src%2Fapp%2Fapp.component.ts
If you bind the messages property to an observable and use the async pipe it will throw the following error:
'Message[] | null' is not assignable to type 'Message[]'
The messages should be able to also receive null to avoid the error. The following workarounds can be used until the property is nullable:
<kendo-chat [messages]="(feed | async)!" [user]="patientUser"></kendo-chat>
Or use toSignal:
<kendo-chat [messages]="mySignal()" [user]="patientUser"></kendo-chat>
public feed: Observable<Message[]>;
public mySignal: Signal<Message[]>;
public readonly patientUser: User = {
id: 1,
};
public readonly practitionerUser: User = {
id: 0,
};
constructor() {
const hello: Message = {
author: this.practitionerUser,
suggestedActions: [
{
type: 'reply',
value: 'Neat!',
},
{
type: 'reply',
value: 'Thanks, but this is boring.',
},
],
timestamp: new Date(),
text: 'Hello, this is a demo bot. I don`t do much, but I can count symbols!',
};
this.feed = merge(from([hello])).pipe(
scan((acc: Message[], x: Message) => [...acc, x], [])
);
this.mySignal = toSignal(this.feed ) as Signal<Message[]>;
}
Provide the possibility to dynamically change the height of the slots in Month, Multi-Week, and other views. This feature is useful in order to fit the events in the specific slot:
jQuery Scheduler:
https://demos.telerik.com/kendo-ui/scheduler/adaptive-slot-height
The Angular Grid export only includes PDF and Excel formats. Requesting an enhancement to be able to export to CSV for purposes of opening the data in a text editor other than Excel or to allow for easier upload into other applications.
There are articles that show how to do this but it would be better out of the box from Telerik.
https://stackblitz.com/edit/kendo-angular-grid-csv-export?file=app/app.component.ts
https://www.codeproject.com/Articles/5162666/CSV-Export-In-Angular-with-Kendo-Control
Currently the Grid checkbox column selection does not allow for selecting a range of rows via shift-click.
As this seems to be a behavior that users expect, based on a similar experience with popular applications like for example Outlook and Gmail, we can consider introducing this behavior in the Grid too.
For example:
When we click on a check box and Shift+click on another checkbox all the rows in between these rows should be checked. Ex: click on 2nd row and shift click on 8th row, all the rows in between 2nd and 8th should be selected.
Hi,
I've noticed a strange issue with the ContextMenu: in Firefox, the div text selection loses focus after the context menu is shown.
Here is FireFox context menu behavior (focus lost on selected text).
Sample Code:
Please let me know if there is any solution for this.
Thanks,
Hi Team,
Currently, the Kendo UI for Angular library relies on SVG icons as default icons. This means that developers would have to use a service to change the default icons inside components. This approach, however, does change all icons inside the project and is not suitable for cases where only a particular icon in a single component should be changed.
Therefore, I would like to request a designated property or a specific approach that would allow developers to change particular icons inside particular components.
Currently, all Editor toolbar tools support the disabled property, except the kendo-toolbar-dropdownlist.
Provide disabled property for controls that are utilizing the DropDownList.
Currently there is no component for adding text to an input from some datasource. There is an autocomplete but it does not allow mixing freetext and text coming from a datasource. And it only allows for one value.
What we need is exactly this : http://jeff-collins.github.io/ment.io/#/
Typing a special character in a textbox (#, or @) would bring a datalist the user can choose from.
Can this be implemented please ?
Such a directive will help in customizing the content of the attachments and I would also like to create a horizontal list that expands downward which will eliminate the scroll button.
I recently received an email from one of our users stating that the scroll buttons on the tabstrip have stopped working. I have just upgraded to Angular 17 and latest of progress controls so not sure if that is what did it but these buttons have been working since implementation. I am puzzled as to what is now missing and or caused the buttons to stop working. They do display correctly when the screen size changes and not all tabs are on the screen. However, when you click either forward or back, nothing happens.
I anticipate that I will be asked to create a reproduction of this and send it to kendo, but was hoping that someone could take a look at our application to see if something is missing or if it can be determined what is causing the issue? This is a huge application and depends on data to run so it would take quite some time to get it down to something I can send as a repro. See page https://test.tropicos.org/name/25509881.
What makes it worse is that we also have another application that was spawned from the shell the Tropicos app and for the most part uses the same packages. This application also gets updated at the same time as Tropicos as well. This application however is not seeing the same problems with tab strip buttons. See https://test.livingcollections.org/taxon/277173.
If I must spend the time to strip the application down to a page that causes the issue, I can. But, again, this would take quite a bit of time and we are a small development shop so hoping looking at the apps I posted will help to find the issue.
Hi,
Currently, when adding or editing an event, if the user chooses any start date, the end date field does not update, and the user needs to manually add the time. This is acceptable, but in some cases, automatically adding 30 minutes or 1 hour to the start date and time would be a useful feature.
Similar to Microsoft Teams Meeting editor. Recording provided.
We have been trying to figure out how to react properly when a user select it's date range with the MultiCalendarView component. There is no such event that fires when the user has finished selecting a date range - no matter which DateInput he uses (start or end).
Hi,
I have events with reccurenceRule with start time setted to 00:00:01:
{ id: 4, title: '1 OK', start: new Date('2020-10-19T00:00:01'), end: new Date('2020-10-19T10:30:00'), recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=MO', }, { id: 5, title: '2 OK', start: new Date('2020-10-19T00:00:01'), end: new Date('2020-10-19T10:30:00'), recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=TU', }, { id: 6, title: '3 OK', start: new Date('2020-10-19T00:00:01'), end: new Date('2020-10-19T10:30:00'), recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=WE', },
After changing start time to be 00:00:00:
{ id: 1, title: '1 BAD', start: new Date('2020-10-05T00:00:00'), end: new Date('2020-10-05T10:30:00'), recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=MO', }, { id: 2, title: '2 BAD', start: new Date('2020-10-05T00:00:00'), end: new Date('2020-10-05T10:30:00'), recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=TU', }, { id: 3, title: '3 BAD', start: new Date('2020-10-05T00:00:00'), end: new Date('2020-10-05T10:30:00'), recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=WE', },
StackBlitz: https://stackblitz.com/edit/angular-pusn73-utpuwe?file=src%2Fapp%2Fapp.component.ts