Telerik Forums
Kendo UI for Angular Forum
2 answers
1.3K+ views

Hi, I have this line chart, which is generating decimal counts. I want to have an integer scale (without decimals), because it is a count of completed or not. 

<kendo-chart>
    <kendo-chart-tooltip format="Completed tasks: {0}"></kendo-chart-tooltip>
    <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [labels]="{ format: 'd', rotation: 'auto' }">
    </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>
    <kendo-chart-value-axis>
      <kendo-chart-value-axis-item [min]="0">
      </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
    <kendo-chart-series>
      <kendo-chart-series-item 
        type="line" 
        *ngFor="let item of workflowsLinechartData" 
        [data]="item.items" 
        [name]="item.value"
        aggregate="count"
        field="taskName"
        categoryField="endTime">
      </kendo-chart-series-item>
    </kendo-chart-series>
  </kendo-chart>

 

Already tried this:

 

<kendo-chart-value-axis>
      <kendo-chart-value-axis-item [labels]="{format: 'n0'}" [min]="0">
      </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>

 

but the output is repeating the integers:

 

How I can manage this?

Thanks

 

Ivan
Telerik team
 answered on 31 Aug 2021
1 answer
7.7K+ views

Hello,

I have integrated kendo grid with inline edit with columns config approach. I am dynamically rendering columns in initGrid function.

So here I want you to show me a way to center and right align my grid's column data. Some should be right and some left.

How can I achieve this without css by any kendo class property.

I am using this column config approach for inline edit.

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/persist-state/

Thank you.

Ivo
Telerik team
 answered on 31 Aug 2021
1 answer
612 views

Kendo Grid Filter : kendoGridFilterMenuTemplate should allow to set min length for filter. For example , I need to do filter only when if user enters min 3 chrachters.

How can we achieve this?

Silviya
Telerik team
 answered on 30 Aug 2021
1 answer
334 views

Hello

 

I have a Master/Detail grid and when hovering above the + (Expand) or - (Collapse) the info "Expand Details" / "Collapse Details" appears

 

But I can't find corresponding properties to translate those in the kendo-angular-messages project - in the grid section

 

Commonly I translate "noRecords" which works fine and can be found in the project

 

How can I translate those messages?

 

best regards

Hetali
Telerik team
 answered on 26 Aug 2021
2 answers
386 views

We have a situation where our client will be both using the filtering feature of a combobox and adding/creating new values when the  input string does not match a data value. The caveat - these are strings of numeric value only. I'd like to do something to the following effect - process this string in Regex and reset the input value (scrubbing alpha and any other non-numeric values entered by the user),. The only trouble is neither the valueChange nor filterChange return a standard event object which would allow me to set it manually and the jQuery examples might be either dated or less compatible with the Angular components as I've tried a few things without success.

At this point filtering isn't an issue as I can at least post-process the string I receive from the filterChange event, I'd just like to know if it's possible to feed that same tailored string back or even mask the values on their way in.

Let me know if there is a way that this can be achieved.

Slavena
Telerik team
 answered on 26 Aug 2021
0 answers
260 views

Hello, 

This one is tough. 

I want to build something like this:

or:

An Alternative to Tree-Maps

 

This is my code:

<kendo-chart>
        <kendo-chart-series>
          <kendo-chart-series-item class="negative-toDo"
          type="bar"
          [gap]="0.5"
          [stack]="true"
          *ngFor="let item of negativeWorkflowsBarchartData"
          [data]="item.items"
          [name]="item.value"
          aggregate="count"
          field="workflowName"
          categoryField="project"
          >
          </kendo-chart-series-item>
          <kendo-chart-series-item class="positive-inProgress"
          type="bar"
          [stack]="true"
          *ngFor="let item of positiveWorkflowsBarchartData"
          [data]="item.items"
          [name]="item.value"
          aggregate="count"
          field="workflowName"
          categoryField="project"
          >
          </kendo-chart-series-item>
          <kendo-chart-series-item-tooltip format="Tasks count: {0}">
          </kendo-chart-series-item-tooltip>
        </kendo-chart-series>
        <kendo-chart-legend position="bottom" orientation="horizontal">
        </kendo-chart-legend>
      </kendo-chart>

 

And this is my output:

As you see I am duplicating series, I want to have one set (<kendo-chart-series-item class="negative-toDo") negative/ in the left side of the 0.

 

How I can make the count negative? can you help me, please, with the aggregate function that can make this happen?

 

 

Best regards,

Nazareth

 

Nazareth
Top achievements
Rank 1
 asked on 25 Aug 2021
1 answer
1.7K+ views

I'm having trouble getting the checkbox to appear in my grid and have the rows selectable. Prior to upgrading to the latest revision, I was on "@progress/kendo-angular-grid": "^4.7.0" and everything worked fine,  after the upgrade I'm on "@progress/kendo-angular-grid": "^5.3.1".

The first part of my template code for the grid looks like this:

<kendo-grid
	[data]="gridData"
	[rowClass]="rowCallback"
	[sortable]="true"
	[selectable]="tableGrid.selectableSettings"
	[rowHeight]="tableGrid.options.rowHeight"
	[height]="tableGrid.options.height"
	[kendoGridSelectBy]="selectionKey"
	[sort]="gridSort"
	(sortChange)="sortChange($event)"
	[selectedKeys]="selectedRows"
	[scrollable]="'virtual'"
	(cellClick)="onCellClick($event)"
>
<kendo-grid-checkbox-column
		*ngIf="tableGrid.options.selectAble"
		[headerClass]="'ra-grid-header ra-grid-checkbox'"
		[footerClass]="'ra-grid-footer'"
		[class]="'ra-grid-checkbox'"
		[showSelectAll]="true"
		[width]="35"
></kendo-grid-checkbox-column>
...
#the rest of the row code 
...


In the code behind, tableGrid.selectableSettings = {checkboxOnly: true, mode: 'multiple'}

After upgrading, my rows are no longer selectable and the checkbox has dissappeared.  If I set tableGrid.selectableSettings = {mode: 'multiple'} (removing the checkboxOnly setting), I'm able to select rows and ctrl-click the rows for multiselect, but the checkbox is, of course, gone.  I've tried expanding the width to more than 35, but that did not make a difference.  

Examining the DOM for the select object, I see the following styles applied: 

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.k-checkbox {
    margin: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
    pointer-events: none;
}

Dimiter Topalov
Telerik team
 answered on 24 Aug 2021
1 answer
1.0K+ views

Hi,

As per the documentation https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked/ it is mentioned that lock column is not supported in case there is a detail grid template present in the Master grid. Any plan to implement this feature in upcoming releases?

 

Regards,

Jaspreet 

Hetali
Telerik team
 updated answer on 23 Aug 2021
0 answers
194 views

Hello, 

I am trying to get my dropdowntree to have a pre-selected child node value on onit. Is this possible? I am setting the [dataItem] property to an object, but it seems to not like that. All of the examples i have seen deal with pre-selecting the parent node and not a child node.

Alex
Top achievements
Rank 1
 asked on 23 Aug 2021
1 answer
132 views
I am trying to set the loadOnDemand input for a dropdown tree to true, however the input doesn't exist on the <kendo-dropdowntree> component.
Stoyan
Telerik team
 answered on 23 Aug 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?