1. Start using the Kendo Tree View in Angular.
2. Load a large dataset for the Kendo Tree View, observe the time taken to render the Tree View.
3. The timing will increase if the dataset keeps on increasing.
4. Suggest some ways to reduce or optimize it.
This is how I am using the Kendo TreeView in Angular,
I need access to Sketch support files containing the existing UI elements for Kendo for Angular so that I can create comps for my design. Ideally this would be a collection of sketch symbols that match the current Kendo UI design.
input to grid:
@Input()
public additionalExcelExportInfos: { additionalWorksheetTitle: string,
parameters: { key: string, parameterValue: any }[]
};
output in excel file:
Thank you for providing information about customization using <kendo-grid-message>
We can customize text inside drag a column here.... using <kendo-grid-message>
but in that line I am willing to add column chooser and one icon
i.e in tag <kendo-grid-group-panel> I want to add column chooser and one icon
please find below screen shot, in highlighted areas I want to add mentioned things
I want to replace highlighted areas in tag <kendo-grid-group-panel> as
Please help me for this issue
Currently it is possible to override certain messages of the kendo grid with the KendoGridMessages component.
However, this applies the message to the entire grid at once.
For example assume I have a grid with 2 boolean value columns, I would like to override the filter menu IsTrue & IsFalse messages to another string.
This is entirely possible with the KendoGridMessages component.
After the columns in my grid I might put something like this:
This would work if I wanted both boolean filter menus to display Yes & No.
But lets suppose I have set a template for cells in one of the columns like so:
the cells in this column would now display 'Validated' or 'Not Validated' instead of true/false.
It would make more sense for this column filter menu to have 'Validated' & 'Not Validated' instead of the Yes/No message that has been set to the entire grid.
Currently I would have to choose between one or the other strings for the boolean filter, either Yes/No or Validated/Not Validated.
This is a simple example, and in this case using the Yes/No messages for both wouldn't cause a user too much head-ache, but there are plenty of other more complex use cases where not having individual grid messages could cause confusion.
Here is a Stackblitz where I have mocked the grid:
https://stackblitz.com/edit/angular-qynsrr?file=src%2Fapp%2Fapp.component.ts
In the above Stackblitz I've mocked what I would expect it to work like.
I would expect that you can add a KendoGridMessages in the grid to set a default, and then on each column override it as necessary with another component or another KendoGridMessages.
Would like the API expanded to include support for adding your own tool(s) that would allow you to tag the selected text with custom html tags.
For example, would like to be able to highlight some text, hit the custom button and then "text goes here" is replaced with "<custom>text goes here</custom>". From some documentation research, it looks like you don't support custom tools that would be able to accomplish this, is that correct?
From this previous post, it states that such a thing is not supported?
https://www.telerik.com/forums/add-custom-tool
Currently ng-templates can only be added as tags inside a Kendo component's html tag. This forces the developer to use the template feature of an Angular Component.
This limits the flexibility of what you can do for any of these components and forces developers to make them stand alone Angular Components if they need to be used in their code. This is overkill in a lot of instances and while it works great in all the examples it is not practical in every real world situation. Especially if there is a lot of supporting HTML involved.
I have seen several other developers looking for a way to define a template outside of a component for reuse or due to some other dynamic interaction that is required. I believe this is needed throughout the Kendo library.
For example, if I am using the Kendo Splitbutton, the popup should have a class like ".k-split-button-popup". This will make it far easier to style the popups based on their "parent" or "creator".
For now, I am using the popupSettings, but I think it would be beneficial for it to be automatic.
Hi,
Can we have a word cloud component on the Kendo UI for Angular?
Thanks,
When using any kendo components that uses dialogs from inside an ionic application, all dialogs experience stacking context issues in iOS.
The solution for this at the moment is to tell every single component to append its dialog(s) to a specified container in a bid to better control its visibility.
Right now, not every component have an 'appendTo' setting for its dialogs (ie: Editor) which makes it unusable on iOS devices.
The feature I would like to request is a way to setup the default 'appendTo' container only once from a core service to any and all dialogs.
This would help in not having to add it manually to every single components we use and maybe make it easier for you to make this feature available to more components with less work. I would make it so it applies to the dialog component and service. (or use different methods to setup each differently)
Here's how it could look like :
@Component({
selector: 'app-mycomponent',
templateUrl: './mycomponent.component.html'
})
export class MyComponent implements OnInit {
public kendoContainer: ViewContainerRef; //This would point to a container.
constructor( private kendoSetupService: SetupService ) {}
ngOnInit() {
//This would affect all components using dialogs as well.
this.kendoSetupService.dialogs.setDefaults({
'appendTo': this.kendoContainer
});
}
}
<kendo-dropdownlist [(ngModel)]="data" [popupSettings]="{ 'appendTo': kendoContainer }"></kendo-dropdownlist>
This service could be used to override many of the kendo default behaviors with minimal code footprint in the end.
It could be divided into smaller default services instead if you prefer such as DialogSetupService
Please ensure that ALL kendo components are extended with @Output() onDataBound = new EventEmitter<any|T>();
There is a dearth of browser inline editors for Word documents. It appears that the only viable solution currently out there is to implement WOPI and this standard is complex, poorly documented and extremely difficult to implement. There are some alternatives out there:
The former is incredibly expensive because it charges per API call (effectively charging each time a document is opened or edited) and the latter is overly complex and for Linux users.
A further alternative is syncfusion's document editor. This editor is good but loses formatting.
Surely it would be possible to unravel Word's open xml format and load it into a modified version of the Rich text Editor?
Using a line chart, using date in the category axes, it will be useful to use the format "week number".
See your example: https://47hbw1.run.stackblitz.io
It doesn't look available from this list: https://github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md
Regarding not only DateTime Pickers, but Data Query in general, it would be great if you could offer the option to automatically remove the time offset in OData path. Please find an example below: We need to retrieve all data concerning the date "2000-01-01". Data are stored as shown below: Date1: "2000-01-01T00:00:00+02:00" Date2: "2000-01-01T00:00:00+03:00" The OData path constructed is the following: "... or cfTrade/TradeDate eq 2000-01-01T00:00:00.000Z..." So, no Date is actually retrieved.
On grid with 50 rows and 100 columns, autoFitColumns method freezes browser and annoying "Page unresponsive" is shown to the user. Please make function responsive.
Based on high Chrome CPU usage I think method could be ran in background thread. Probably Web workers would be appropriate for this task. This may help.
Hi,
Need a circle packing bubble chart. In my application, I required to use one use case.
Please refer attached screenshot.
FYI We are using the below dependencies in our project.
"@angular/animations": "7.2.3",
"@angular/cdk": "7.3.0",
"@angular/common": "7.2.3",
"@angular/compiler": "7.2.3",
"@angular/core": "7.2.3",
"@angular/forms": "7.2.3",
"@angular/http": "7.2.3",
"@angular/material": "7.3.0",
"@angular/platform-browser": "7.2.3",
"@angular/platform-browser-dynamic": "7.2.3",
"@angular/platform-server": "7.2.3",
"@angular/router": "7.2.3",
"@ng-bootstrap/ng-bootstrap": "4.2.2",
"@progress/kendo-angular-common": "1.1.0",
"@progress/kendo-angular-buttons": "5.0.0",
"@progress/kendo-angular-charts": "4.1.0",
"@progress/kendo-angular-dateinputs": "4.0.1",
"@progress/kendo-angular-dropdowns": "4.0.0",
"@progress/kendo-angular-excel-export": "3.0.1",
"@progress/kendo-angular-gauges": "3.0.0",
"@progress/kendo-angular-grid": "4.2.0",
"@progress/kendo-angular-inputs": "6.1.1",
"@progress/kendo-angular-intl": "2.0.0",
"@progress/kendo-angular-l10n": "2.0.0",
"@progress/kendo-angular-pdf-export": "2.0.0",
"@progress/kendo-angular-popup": "3.0.1",
"@progress/kendo-angular-scrollview": "3.0.0",
"@progress/kendo-angular-treeview": "2.5.0",
"@progress/kendo-angular-upload": "5.1.0",
"@progress/kendo-data-query": "1.5.0",
"@progress/kendo-drawing": "1.5.12",
"@progress/kendo-theme-default": "3.2.0",
"@progress/kendo-angular-layout": "4.0.0",
"@progress/kendo-ui": "2019.1.130",
I would like to allow users to sort single and multiple at the same time.
This could be achieved by adding another option to SortSettings: Single | Multiple | SingleShiftMultiple. The name is not the best proposal, but describes desired behaviour:
By default when user click column, previous sort is cleared and new is applied. But if user holds down shift key, new sort is added to SortDescriptor[] (current behaviour for multiple).
We are using placeholder like <span id="P_Name" name="P_Name">{P_Name}</span> . this would replace with the patient name on loading the editor.
we used the ContentEditable = false is not working for the span. Some important content such as patient information should be read-only.
attached the sample editor content , the below content are loading dynamically , so we should restrict user should not edit the conent.