With the Kendo Angular grid is there an inline command that can be placed in a <kendo-grid-column> to block or prevent the automatic string editing? It seems like the grid binding trims spaces by default and I'd like to selectively override this feature.
Hi
I wanted to know the best way to make the selected data item area scrollable inside the kendo multiselect component
I have a sample of a kendo-multiselect with lots of items selected.
I want to limit the size of the selected data items container, so i used a style of {max-height: 185px; overflow-y: scroll }
Here is my sample:
https://stackblitz.com/edit/angular-cecudd-tjndfp
When I try and put my cursor in the kendo searchbar input element, the available data items popup covers the input element
There has to be a better way to do this, but i could not find any height property on kendo-multiselect
Thanks
Child elements within the appendTo container I specify are blocking (displaying in front of) my notifications.
How can I make the notifications always appear in front of content from child containers?
I have a color palette declared on my form:
<kendo-colorpalette
#riskAssessmentColourCode
[palette]=
"palette"
(valueChange)=
"riskAssessmentColourCodeChange($event)"
formControlName=
"riskAssessmentColourCode"
[tileSize]=
"30"
>
</kendo-colorpalette>
I declare a handle for the color palette in my component:
@ViewChild(
'riskAssessmentColourCode'
) public riskAssessmentColourCode: ColorPaletteComponent;
I try to get a handle on this to set the initial value:
this
.riskAssessmentColourCode.value =
this
.palette[
this
.lastHistory.riskAssessment.riskAssessmentColourCode];
But the component is undefined and I am unable to set the value.
I can change the form control value with:
this
.ncDocumentEditForm.controls[
'riskAssessmentColourCode'
].setValue(
this
.lastHistory.riskAssessment.riskAssessmentColourCode);
But the visible component does not set in the same way as if I select it with a mouse (i.e. the selected block is not highlighted).
The design of this forum really is a joke with popup windows appearing below headers and the user unable to exit a code block if s/he hasn't inserted a line break to jump to first. It's a very poor user experience and, if it were advertising your components as a window no-one would select your product. Please sort it out.
How do I set the color palette value?
I am struggling with clearing/resetting the upload control to remove the list of items in our component. In general, the question is what is the best way to clear or reset the upload list?
I have the declaration:
<
kendo-upload
#theUpload
id
=
"theAttachments"
[saveUrl]="<saveUrl>"
[autoUpload]="false"
(select)="attachmentsSelectEventHandler($event)"
(remove)="attachmentsRemoveEventHandler($event)"
(clear)="attachmentsClearEventHandler($event)">
</
kendo-upload
>
I execute the upload manually through the uploadfiles method after related data is saved from the form. Then after it is done, I clear all other form elements and want to clear the associated list of attachments. I cannot find a programmatic approach through the API to clear.
I appreciate your time as always.
Peace,
Keith
I have a tab strip with two tabs, each containing an angular component inside of which is a grid.
Currently both components are initialised and the data for bothy grids is fetched from the server, hardly desirable. I have *loadOnDemand set on both tabs but this does not seem to work, here is some code to explain:
<kendo-tabstrip [tabPosition]=
"'left'"
[keepTabContent]=
"true"
>
<kendo-tabstrip-tab title=
"{{ 'NcDocumentReviews' | localize }}"
[selected]=
"true"
>
<ng-template kendoTabContent *loadOnDemand>
<app-nc-document-review
#documentReviewComponent
[id]=
"id"
[parent]=
"ncEntity"
(notifyModify)=
"onLoadModifyButtonSelected($event)"
(viewDocument)=
"showDocument($event)"
(viewHistory)=
"showHistory($event)"
></app-nc-document-review>
</ng-template>
</kendo-tabstrip-tab>
<kendo-tabstrip-tab title=
"{{ 'NcDocumentsLoad' | localize }}"
>
<ng-template kendoTabContent *loadOnDemand>
..code removed for brevity
How do I configure the tab strip so the contents of each tab is fired only when the tab is selected?
Hi
I have a stacked bar chart w/ 4 series values. When the
first value is large, the axis values appear to be shifted away from 0 and the
size of the 2 series bars is no longer proportional.
For example, I have 4 Series:
-> 2861
-> 0
-> 0
-> 2
https://stackblitz.com/edit/angular-nnvc1m
In this case the 1st bar (2861) should be much larger than
the 4th (2). However, the 1st bar appears smaller b/c the axis has shifted to
2860 - 2863. This is misleading.
I'd like to force the axis to start at 0 and the size of the
bars always be proportional (based on the size of each series value).
Is there a way to do this? I've tried setting narrowRange,
min and max in the stackblitz example.
Thanks
Kendo Angular is not formatting Japanese Yen correctly, it is always placing two decimal places and this is incorrect. There is no such thing as a fraction of a Yen. Our users will literally scream at this oversight.
I compared the Kendo Jquery culture file to the Kendo Angular culture file for the ja culture and to my astonishment I see that the "decimals:0" for the currency formating section of the Jquery file is not even in the Angular file. I tried adding it, but it made no difference. This is a HUGE oversight in the Angular culture files. My application needs to support 40 currencies and we rely on the culture files for correct formatting and there are several currencies with differing decimal places, so this is not the only currency where the Kendo Angular data is very wrong.
We need this added ASAP.
Hi,
I have a grid with dynamic columns and for each column I need a specific editor that should be created at run time.
How can I create custom the editor on run time and append the component to cell using Kendo grid for Angular?. Here is an example where I use Jquery :http://jsfiddle.net/falafelsoftware/yX6kg/
Thank you!