Hello. How I can set row height, but without virtual scrolling.  Some times when grid is out of render, other route or tabstrip. When data changed in grid I have locked columns with 0 height. I would like to set row height. I had try set it from css, but locked columns do not have horizontal scroll and content columns have and locked columns is do not have correct inline render. Thank you.

Hi, I would like to get a structured response from a controller invoked by a component. in the UploadsModule module (kendo-upload).

I send a text file that is processed server side.

I would like to send the processed object back to the component that sent the original file?

Could be done?

Thanks for your help,

Francesco Aperti

Hi

I would like to use the default ocean blue style but change the spacing between the elements. I downloaded the theme file, unziped it and copied the .CSS file to my assets folder. I now include the theme using:

1. angular.json has the following in the styles section:

    "styles": [
              "src/styles.scss"
            ]

2. I have then added this to the styles.scss

    $spacer: 0.1rem;

    $font-size-base: 0.8rem;

I am using kendo-treeview in angular v12. I want to hide specific node in html based on some condition. I tried to put *ng-If but it's not working . it's hiding the text but node is still rendering.  I explored and found one input "isVisible" but I am not sure how to use it. Can anyone please provide the demo link for this.

Thanks,

Hello!

I would like to find the page that a specific row is on, move to that page, and then scroll the grid to that specific row with it selected.

It seems this isn't natively supported yet, so I'm trying to implement it myself.

My steps are thus:

1. Run my data through the filterBy and orderBy functions to obtain all the rows in the order they will appear in the grid.  (i do this using the grid's current filter and sort state).

2. Take the array of results from step 1 and call findIndex to find the index of the specific row I am interested in.

3. Update the gridState.skip setting to the index found in step 2.

4. Run my data through process using the gridState from step 3.

5. Update my bound observable with the processed data.

My result however is that the page does not change as expected.  For example, my grid is sorted by the first column and the first row is selected and when I click the column header to reverse the sort direction I am expecting the page to change to the last page and the first row to then be the last row on that page.

Does my approach seem correct?  

Thanks,

Marvin

I've got a bar chart and I would like to display different label than value, but I don't know how to do it. Tried with [name] property for the <kendo-chart-series-item>, but that does not work - it just show the legend next to chart itself, and I'd like to keep label on the bar. 

My code:

<kendo-chart-series>
        <kendo-chart-series-item
            *ngFor="let item of series"
            [data]="item.data" // <--- array of numbers, I'd like to replace number with string
            [type]="item.type"
            [color]="item.color"
            [border]="{
                width: 0
            }"
        >
            <kendo-chart-series-item-labels
                [background]="item.background || 'rgba(255, 255, 255, 0.5)'"
                [position]="item.labelPosition"
                [visible]="!!item.labelPosition"
            ></kendo-chart-series-item-labels>
        </kendo-chart-series-item>
    </kendo-chart-series>

I think I found an issue with some internals not refreshing properly in certain cases. Have a look at the attached GIF. The "Specify in which order the files are to be associated to target(s)" part at the bottom is tied to 

 checkedKeys.length > 0

When the condition is met, the part appears. It seems that when I click "Image Files", only this item is added to checkedKeys, not it's children, even though when I expand "Image Files", the children are indeed checked then the bottom part appears (The part on the bottom filters out parent items, such as "Image Files")




Is there any config that I'm missing ?

Here's the tree view related code

<kendo-treeview #assetTree *ngIf="treeDataLoaded" [nodes]="treeData"
                    textField="text"
                    (checkedChange)="checkedChange($event)"
                    [hasChildren]="hasChildren"
                    [children]="fetchChildren"
                    [(checkedKeys)]="checkedKeys"
                    checkBy="text"
                    kendoTreeViewCheckable
                    kendoTreeViewExpandable>

<p *ngIf="filterKeys().length > 0">Specify in which order the files are to be associated to target(s)</p>

  <div class="row" style="padding-left: 15px;">
    <div class="col-md6">
      <ul class="list-group" id="sortable">
        <li [attr.data-item]="asset" class="list-group-item" *ngFor="let asset of filterKeys()">{{asset.fileName}}</li>
      </ul>
    </div>
  </div>

public hasChildren = (item: TreeViewRootItem) => item.items && item.items.length > 0;
  public fetchChildren = (item: TreeViewRootItem) => of(item.items);
  public checkedKeys: any[] = new Array();
  public sortedKeys: any[];
  public get checkableSettings(): CheckableSettings {
    return {
      checkChildren: true,
      checkParents: true,
      mode: "multiple",
      checkOnClick: false
    };
  }

And this is the code that filters out parent items. When I check a collapsed node (Image Files) checkedKeys is only populated with "Image Files", and not it's children. When I expand "Image Files", then the console.log below outputs "Image Files" AND its children.

filterKeys(): Asset[] {

    console.log(this.checkedKeys);

    let results: Asset[] = new Array();

    this.checkedKeys.forEach(ck => {
      let exist = this.assets.find(a => a.fileName == ck);
      if (exist)
        results.push(exist);
    });

    return results;
  }