Telerik Forums
Kendo UI for Angular Forum
1 answer
212 views

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.

 

 

Martin Bechev
Telerik team
 answered on 12 Aug 2020
1 answer
128 views

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.

Svet
Telerik team
 answered on 11 Aug 2020
1 answer
189 views

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));
    }

Svet
Telerik team
 answered on 11 Aug 2020
1 answer
5.0K+ views
<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>
Svet
Telerik team
 answered on 11 Aug 2020
1 answer
130 views

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.

Svet
Telerik team
 answered on 11 Aug 2020
1 answer
153 views
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?
Svet
Telerik team
 answered on 10 Aug 2020
1 answer
787 views

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: 

<kendo-menu class="kendo-menu-project" >
  <kendo-menu-item [disabled]="isThisDisabled()">
    <ng-template kendoMenuItemTemplate>
      <tooltip-wrapper [tooltipContent]="'tooltip i'd like to show'">
        <span id="pg-mmenu-add-collate" (click)="doSomething()">Menu Item 1</span>
      <tooltip-wrapper>
    </ng-template>
  </kendo-menu-item>
....

 

 

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

 

<span kendoTooltip=""
      [showOn]="isToolTipHidden() ? 'none' : 'hover'"
      [tooltipWidth]="tooltipWidth"
      [tooltipClass]="(warning) ? 'c-warning' : ''"
      filter=".c-tooltip-element"
      [tooltipTemplate]="listView ? list : default"
      [position]="position"
      class="c-tooltip-wrapper">
  <span class="c-tooltip-element" [ngClass]="{ 'no-hide' : !overflowHidden }" [attr.tooltip-content]="listView ? tooltipContent.join('<br/>') : tooltipContent">{{spanText}}<ng-content></ng-content></span>
</span>
 
<ng-template #list let-anchor>
  <div *ngFor="let listValue of anchor.nativeElement.getAttribute('tooltip-content').split('<br/>')">
    <span>{{listValue}}</span>
  </div>
</ng-template>
 
<ng-template #default let-anchor>
  <span>{{anchor.nativeElement.getAttribute('tooltip-content')}}</span>
</ng-template>

 

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? 

Martin Bechev
Telerik team
 answered on 10 Aug 2020
1 answer
137 views

Hi,

Need some help with this use-case. I have server side filtering, and when filtering the dataset I want to select multiple items at once. But the problem is, that the list is reseting after selecting one item in the filtered list, after that the data set is called again but with initial state(10 default items) as the "filter text" is cleared and sends empty string to my API.

Here an simplified example on StackBlitz, were you can type "large" and select one of the values. ( in the example I also tried something with the isOpen isClosed events)

https://stackblitz.com/edit/angular-mdkzvt

Does someone has an idea, if this is possible at all.

Thanks

Martin Bechev
Telerik team
 answered on 10 Aug 2020
5 answers
2.5K+ views
I need to hide the DropDown arrow on an Angular ComboBox so that it will function as an Autocomplete.  I can not use the AutoComplete control as I need to send in an id which is a number and the AutoComplete only supports strings.  If I can solve either of these issues I would be a happy camper :)
Zhenyong
Top achievements
Rank 2
 answered on 07 Aug 2020
0 answers
123 views

   hi,

Is it possible to have single legend for multiple donut charts in angular. Also single legend can trigger toggle among charts.

Please suggest.

Jaspreet
Top achievements
Rank 1
Iron
Veteran
 asked on 06 Aug 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?