Telerik Forums
Kendo UI for Angular Forum
1 answer
125 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
150 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
733 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
133 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
117 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
2 answers
125 views

Hi,

I'm trying to update my application to angular 9 (and if i can 10).

I'm facing some issue with the toolbar and buttons created inside ngFor.

Seems that with Ivy the toolbar buttons are not rendered.

Here an example.

https://stackblitz.com/edit/angular-ivy-tzkuw

If you disable Ivy the toolbar works.

B

Petar
Telerik team
 answered on 06 Aug 2020
1 answer
118 views

Hi,

We are using kendo angular library in our application. We need to create pdf and image files of the HTML page. The page contains charts and grid something similar to https://demos.telerik.com/kendo-ui/pdf-export/index. The grid can have multiple pages and child grids as well. The queries are related to this.
1.Can exportImage work on grid with pagination and downloads multiple images corresponding to each grid pages? Like its generated for pdf in this example -  https://docs.telerik.com/kendo-ui/knowledge-base/all-page-content-with-all-pages
2. Can child grid data be exported in pdf and images?
3. In case of horizontal scroll on grid, can it be adjusted to be accommodated in the export?
4. If the grid can be exported with its parent container for multiple pages. 

Svet
Telerik team
 answered on 06 Aug 2020
1 answer
963 views

We are using kendo angular library in our application. We need to create pdf and image files of the HTML page. The page contains charts and grid something similar to https://demos.telerik.com/kendo-ui/pdf-export/index.The grid can have multiple pages and child grids as well. The queries are related to this.

  1. Can exportImage work on grid with pagination and downloads multiple images corresponding to each grid pages? Like its generated for pdf in this example -  https://docs.telerik.com/kendo-ui/knowledge-base/all-page-content-with-all-pages.
  2. Can child grid data be exported in pdf and images?
  3. In case of horizontal scroll on grid, can it be adjusted to be accommodated in the export?
  4. If the grid can be exported along with its parent container for multiple grid pages ?
Svet
Telerik team
 answered on 06 Aug 2020
2 answers
376 views

Hi team,

I am using Kendo Grid to display data using 6 columns. When the row count exceeds 100, the whole Angular component completely slows down, sometimes not even works. I found that this particular component slows down things because when i removed this grid column, everything works as expected. Why's that and how can i overcome this?

 

<kendo-grid-column width="75">
        <ng-template kendoGridCellTemplate let-dataItem>
              <ng-template #popContent>
                  <div class="context-dropdown-menu">
                     <ul>
                       <li (click)="settings(dataItem, 'settings')" >
                                <i class="fa fa-envelope" title="Settings"></i> Settings
                       </li>
                       <li (click)="open(dataItem, 'open')" >
                                <i class="fa fa-share-square" title="Open"></i> Open
                       </li>
                     </ul>
                  </div>
               </ng-template>
               <button type="button" class="btn btn-outline-primary btn-rounded" [ngbPopover]="popContent" #p="ngbPopover" (document:click)="p.close()"
                                (click)="$event.stopPropagation();onClick()" placement="left" container="body">
                          <i class="fa fa-ellipsis-h"></i>
                        </button>
           </ng-template>
</kendo-grid-column>

 

Thanks,

Deepak

Svet
Telerik team
 answered on 06 Aug 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?