Telerik Forums
Kendo UI for Angular Forum
1 answer
432 views
Hey there -- This is probably easier than I think, but I'm stumped. I want to display a label to the left of our series labels that gives them context. The series labels give numeric ranges in terms of days in progress, so I'd like the chart to say "Days in Progress:" before step labels like "<= 3". How can I achieve this?
Hetali
Telerik team
 answered on 07 Aug 2019
2 answers
246 views
I have a kendo-grid inside one pane of an adjustable kendo-splitter.  When I open the grid's column menu, the "handles" that you click on to adjust the size of the panes appear above the column menu.  A screen shot is attached - you can see the black vertical lines on either side of the word "Visible".  

What's the Kendo way of solving this problem?  Override the z-index of the column menu or the pane handles?  Something else?  
Ed
Top achievements
Rank 1
 answered on 07 Aug 2019
1 answer
3.4K+ views

Is it possible to add the inline new record row at the bottom rather than the top. Is there a work around to force this behaviour?

 

Thanks.

Martin Bechev
Telerik team
 answered on 06 Aug 2019
2 answers
1.9K+ views

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.

Kristiyan
Top achievements
Rank 1
 answered on 06 Aug 2019
2 answers
3.1K+ views

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 

David
Top achievements
Rank 1
 answered on 05 Aug 2019
1 answer
337 views

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?

Elena
Telerik team
 answered on 01 Aug 2019
2 answers
203 views

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?

 

 

 

 

 

 

 

 

Bob
Top achievements
Rank 2
Veteran
Iron
 answered on 31 Jul 2019
5 answers
3.0K+ views

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

Dimiter Madjarov
Telerik team
 answered on 31 Jul 2019
3 answers
853 views

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?

 

Dimiter Madjarov
Telerik team
 answered on 30 Jul 2019
2 answers
800 views

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

 

David
Top achievements
Rank 1
 answered on 25 Jul 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?