Telerik Forums
Kendo UI for Angular Forum
2 answers
175 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
2.8K+ 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
787 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
766 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
1 answer
870 views
    Is there a way to make the dialog responsive? The api says that it only takes pixels as the height/width, but I do not want to hard code pixels.
Dimiter Topalov
Telerik team
 answered on 25 Jul 2019
2 answers
217 views

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.

Doug
Top achievements
Rank 1
 answered on 23 Jul 2019
3 answers
1.5K+ views

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!

Dimiter Topalov
Telerik team
 answered on 22 Jul 2019
5 answers
1.0K+ views

Looking at this post from another one of your boards.

https://www.telerik.com/forums/extend-kendo-mvc-ui-datasourceresult-with-new-property

I'm doing the exact same thing with Angular.  I managed the web service changes so the data is returned to Angular but I've not been successful at extracting the extra data and to keep functionality like sort/filter working.

 

 

 

 

 

 

Dimiter Topalov
Telerik team
 answered on 19 Jul 2019
2 answers
170 views
I have the chart code below that I would like to format so that the series names appear on the category axis as shown in the CaptureBugGood image,  my chart currently appears as in CaptureBugBad image.

Is there a way to have two levels of category axis labels such as category and then series, if not how can I put just the series names on the category axis while maintaining the series colors etc.
 
<kendo-chart *ngIf="!(graphType=='Doughnut')">
   <kendo-chart-value-axis>
     <kendo-chart-value-axis-item *ngFor="let item of valueAxes" [name]="item.name" [title]="{ text: item.title }"
                           [max]="item.max">
      <kendo-chart-value-axis-item-labels  [format]="item.format">
       </kendo-chart-value-axis-item-labels>
     </kendo-chart-value-axis-item>
   </kendo-chart-value-axis>
   <kendo-chart-category-axis>
     <kendo-chart-category-axis-item   [title]="xAxis_Label" [categories]="categories" [axisCrossingValue]="crossingValues">
     </kendo-chart-category-axis-item>
   </kendo-chart-category-axis>
   <kendo-chart-axis-defaults>
     <kendo-chart-axis-defaults-labels>
       <!-- format="n0"-->
     </kendo-chart-axis-defaults-labels>
   </kendo-chart-axis-defaults>
   <kendo-chart-legend [visible]="false"></kendo-chart-legend>
   <kendo-chart-series>
     <kendo-chart-series-item *ngFor="let series of model"
                              [name]="series.name"
                              [data]="series.data"
                              [categoryField]="series.category" field="value"
                              [stack]="series.stack"
                              [color]="series.color"
                              [type]="series.type"
                              [axis]="series.axis">
       <kendo-chart-series-item-tooltip>
         <ng-template let-value="value" let-category="category">
           <span [innerHTML]="series.dataLabel.replace('[value_1]', value.toLocaleString() ).replace('[year]', category ).replace('[series]', series.name ).replace('[#%]', ((value)*100).toFixed(1).toString() + '%') "></span>
         </ng-template>
       </kendo-chart-series-item-tooltip>
     </kendo-chart-series-item>
   </kendo-chart-series>
 </kendo-chart>
Daniel
Telerik team
 answered on 19 Jul 2019
2 answers
109 views

I am having trouble with the Grid Column Menu Filter and Columns button not popping the menu in all versions of IE. I have seen bug reports for jquery version but I am using straight angular 7 (no jquery). Wondering if I am missing something or maybe I need to update my progress versions?

 

Thanks,

 

Paul

schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 18 Jul 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?