https://stackblitz.com/edit/angular-dxhzju
1. Change scheduler timezone in combobox
2. Change view selector to "Month", for example.
Result: provided colors from resources aren't appied anymore.
Hi Kendo Team,
it would be great to have a circular progress bar component for Angular with a custom icon or percentage in the middle of it, as shown below:
and 
and 
Thank you in advance.
Kind regards,
Pedram
Hello,
The PDF export component does not seem to handle tables that are in the editor content. In the Stackblitz example I included, which is based off of the PDF export demo under the Editor component, the table borders do not show in the editor and in the exported PDF. In my own practice, any editor version 8 and above will not export the tables to PDF. In fact, the exported PDF is blank no matter what is in the editor. Here is what I am using. When I change the editor version to 0.7.0, the PDF export works (albeit without table support). I would like to be able to export the tables that inside of the editor's content to PDF. This problem only started happening after I updated my editor to versions 0.8.0 and above.
<kendo-pdf-export #pdf paperSize="Letter" margin="1cm" [scale]="scale">
<kendo-editor #editor iframe="false" style="align-self: auto; padding: 20px; height: 90vh; width: 24cm; margin: 0 auto;" [(value)]="value"
(dragover)="onDragOver(event)" (drop)="onDrop(event)">
<kendo-toolbar>
<kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<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-button kendoEditorStrikethroughButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<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-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
<kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
<kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
<kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
<kendo-toolbar-colorpicker kendoEditorBackColor></kendo-toolbar-colorpicker>
<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-buttongroup>
<kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<kendo-editor-insert-table-button></kendo-editor-insert-table-button>
<kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>
<kendo-toolbar-button text="Export as PDF"
[icon]="'pdf'"
(click)="pdf.saveAs('editor-content.pdf')"></kendo-toolbar-button>
</kendo-toolbar>
</kendo-editor>
</kendo-pdf-export>
Custom editing in reactive forms within EditDialogTemplateDirective causes udefined error at EditDialogComponent.titleInput .
Reproducible at example https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/custom-reactive-editing/
Please add theme based on CSS variables. That would allow developers to change theme at run-time and offer our customers similar experience that most (large) web sites offers, like Gmail, Office 365 online ...
Also, in the long run, this could be the only theme that's needed. All others could be based on this one.
Steps to reproduce:
1. Run application and open the schedule component
2. Start drag the element on schedule to new place and drop it.
After that whole schedule component will blink(in Chrome, for example, all OK).
It is really hard to check change log for every component you have. Why not implement common change log for all components.
I already talk to Carl Bergenhem (Product Manager for Kendo UI) about that, and he reply:
"
Great suggestion! I’ll sync this with our web site team and try to see if we can create something like this!
"
As picture says more then 1000 words, I attach propose solution.
I found an issue with the kendo-window component. Sometimes when you have a window component with an embed element inside it and you start dragging the window and then click inside the embed element (In the example a PDF viewer), after that you click again in the window’s title bar the window is stuck in the dragging state and it keeps following the mouse pointer even when you already release the mouse button.
It is an odd behavior and we need to know how to stop this, but without disabling the dragging functionality for the kendo-windo.
Here is the repro-case in stackblitz: https://stackblitz.com/edit/angular-jqjemx
Perhaps you need to try clicking over several times in order to reproduce this behavior.
The problem is that in our application the pointer position remains inside the embed element and we can’t click the title-bar again to release the dragging mode.
It would be great if there was some way to customize the complete look and feel of the splitter control.
I would think this would be possible via a custom template, similar to how one does a cell template for the grid control.
Forms are what we use every day and if there's a form, we often have to validate the input and show the validation results to the user.
Problems:
- The way to do this today with angular requires a lot of code (see https://angular.io/guide/form-validation for examples)
- In many cases we have to handle and show the same validation errors over and over again. E.g. "this field is required"
Opportunity:
- The way validation errors are shown is similar in most applications and can be easily adjusted using simple CSS.
- Common validation error messages should be ok for many applications.
Feature request:
- Add a component to easily display validation errors of form components.
- Add global validation settings to customize standard error messages and behavior.
Example:
// global setup
validationService.configure({
showIf: 'touchedOrDirty',
messages: {
required: "This field is required',
customKey: 'This field needs ... ',
customKey2: errorMessageForCustomKey2Fn
});
// callback to generated error message for customKey2
function errorMessageForCustomKey2Fn(control: FormControl) => return `can include 'but is ... ' from form control`;
// HTML in component template
<input formControlName="myinput" ... />
<validation-errors forControlName="myinput"> // < should handle all globally registered errors without additional code.
<error key="keyOfValidatorOnlyUsedHere">Sorry, but you have to</error>
</validation-errors>I think such a feature could massively reduce the work to setup forms.
I should be able to connect to Amazon AWS Lex from the Kendo conversational UI .
Also suggest that you provide a bridge design patterns type custom integration capability with any backend NLP providers.
Currently there is no way to provide a component from a lazy-loaded module as content in the Dialog Service.
We need a way to pass in the correct injector/componentFactoryResolver to use to load the component with.
Further discussion and possible solution are available in the following Angular GitHub threads:
https://github.com/angular/angular/issues/14324
Hi,
I am currently using the Conversational UI component as my app's chatbot.
I have implemented something custom so that the chat is not always rendered, but it is not actually the desired result. Looking at the Conversational UI's API page, if I'm not wrong, I couldn't find anything like that (for instance, any "closable" property or anything similar to that).
Is there any way to have something like a proper "chat button" in order to show/hide the chat (or at least have just a X icon-button inside the chat to be able to close it)?
Thank you.
Kind Regards,
Yannis