We are using telerik menu component to build left hand menu panel. Please see attached pic. It is working very good and very smooth.

 

However we need two features:

1) on a popup menu, want to have a header which is not clickable and only show text for the icon. 

2) if number of entries are more, want to be able to do scrolling through the popup menu. Also, while scrolling through the entries, header should stay intact.

3) show the scroll bar in popup so that user knows there are more entries.

Anyway to achieve that?

Thanks

How can I have scroll on x-axis in bar charts? Currently when I have too many records the bars come closer automatically and overlap each other even though I have given 'gap and 'spacing' properties. I want to be able to scroll horizontally and keep the y-axis freeze, y-axis should not hide when I scroll horizontally.

I am using column charts in which the labels on category axis are too long and they overlap each other. How can I show ellipsis(...) for longer texts so that they do not overlap with other labels?

Is it possible to set Kendo menu direction to auto so that it can open in any direction according to available space?

My issue is that I have to use the vertical menu because of the minimum space that I have avaiable in mobile screen. But when the user clicks on the menu item it expands off the screen and the he can't read what is in the menu items.

 

 

Hello,

I'm trying to use master-details grid with checkbox selection,

1. when i click on the collapse all the data refresh, and all the selections are deleted
2. how do i get all the selections from all the details grid in one button?

best regards.

Hello,

 

my server support CORS so I want to use get instead of jsonp when fetching data using the action on a model ? can someone help me please ? Thanks

private fetch(action: string = '', data?: any): Observable<any[]> {
        return this.http
            .jsonp(`https://demos.telerik.com/kendo-ui/service/Products/${action}?${this.serializeModels(data)}`, 'callback')
            .pipe(map(res => <any[]>res));
    }

<kendo-grid
          [data]="view | async"
          [height]="400"
          [pageSize]="gridState.take" [skip]="gridState.skip" [sort]="gridState.sort"
          [navigable]="true"
          [pageable]="true" [sortable]="true"
          (dataStateChange)="onStateChange($event)" >
        <kendo-grid-column field="ProductName" title="Product Name" width="250">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <kendo-dropdownlist kendoGridFocusable [data]="names"
              [formControl]="(formGroups.get('items') as FormArray).at(rowIndex).get('ProductName')">
              </kendo-dropdownlist>
          </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="UnitPrice" title="Price" width="200">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <kendo-numerictextbox kendoGridFocusable
              [formControl]="formGroups.get('items').at(rowIndex).get('UnitPrice')">
              </kendo-numerictextbox>
          </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="Discontinued" editor="boolean" width="80" title="Discontinued">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <input type="checkbox" kendoGridFocusable
              [formControl]="formGroups.get('items').at(rowIndex).get('Discontinued')"
               />
          </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="UnitsInStock" editor="numeric" width="200" title="Units In Stock">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <input type="number" kendoGridFocusable
              step="0.01"
              [formControl]="formGroups.get('items').at(rowIndex).get('UnitsInStock')"
              class="k-textbox" />
          </ng-template>
        </kendo-grid-column>
      </kendo-grid>

How can I traverse the treeview? For example, I start at a node somewhere in the hierarchy and want to get data from its parent and then from the parent of the parent? 

 

I could use the TreeItemLookup, but it fires when checkboxes are enabled for each node only. And then I would get the parent of the current node only, not the parent of the parent.

How to show specific column, in my case it`s checkbox-column, before group(class .k-group-cell) columns in grouped Kendo Angular Grid Component?

Good morning, 

Hoping someone here might have some ideas on this. I have a kendo-menu, and need to disable the menu-items underneath under certain circumstances: 

So something like this: 

 

 

The tooltip-wrapper is one of our components, whose template creates a kendoTooltip : 

 

 

No problems showing the tooltip under normal circumstances, but of course, once the menu items is disabled, the hover event doesn't propagate down to the tooltip component so it doesn't show. Is there anyway to accomplish this when the menu item is disabled?