Telerik Forums
Kendo UI for Angular Forum
1 answer
22 views

I migrated kendo-angular-grid from 7.4.0 -> 14.2.0 and kendo-angular-menu from 4.0.3 -> 14.2.0 and observe that now the context menu sometimes causes the whole grid to shift upwards and off screen when displayed.  Examples of normal behaviour (good.jpg) and corrupt behaviour (corrupt.jpg) are attached below.  

If you look at the top attribute in the style applied to the kendo-popup (630px), the value is much too high. If I manually reduce it to say 200px (see corrected.jpg attached) then whole grid shifts back down to normal position.

If I console log the originalEvent.pageY value then this is value I see getting set as the top attribute value for the kendo-popup and isn't taking into account the height of the popup and whether placing it here will cause viewport overflow. Whereas when using the earlier versions of your libraries (see above),  if for example the originalEvent.pageY was reported as 772, the top value for the kendo-popup was assigned a value of 317, meaning the popup would always fit in the available viewport and not overflow it.

Can you please investigate and fix.

Martin
Telerik team
 answered on 16 Jan 2024
0 answers
38 views

When implementing the ContextMenu the items do not contain the required icons.

I used the object notation from the example

{text: string, icon: string}

I tried to hard code the value in the html template

<kendo-contextmenu [target]="target">
      <kendo-menu-item text="My Web Site" icon="trash">
                    <kendo-menu-item text="images" icon="folder">

and I tried using a template and assigning the icons via [ngClass].

Nothing works.

I get an icon but it's always a downward chevron.

Any idea what might be causing this issue?
Could the icon font be overwritten?

 

 

 

 

 

Markus
Top achievements
Rank 1
 asked on 20 Mar 2023
1 answer
105 views

I have upgraded my Angular version from 11 to 12 and corresponding to that I have upgraded the supported Kendo version for angular 12. I am facing issue with Kendo Context Menu. Previously it used to work fine, I have added the jQuery function to dynamically add the kendo context menu on the Grid rows which will trigger on Click of the row but after upgrading the version this jQuery function does not work. I tried adding directly kendo context menu on the UI that is working so that means there is no library issue. 

Please check the code and libraries and let me know what went wrong on this jQuery function or is there any change happened recently.

$('#menu').kendoContextMenu({
                  orientation: 'vertical',
                  target: this.jqGridSelector,
                  filter: //Added classes for filtering,
                  animation: {
                    open: { effects: 'fadeIn' }
                  },
                  showOn: 'click',
                  closeOnClick: true,
                  open: (e: any) => {
                   //Adding list on context menu and showing it when click is triggered.
                  },
                  select: (e: any) => {
                   //select Function
                  },
                  close: (e: any) => {
                   //Close function
                  }
                });

I have added this above code under kendo.data.DataSource and the open function was getting triggered on row item click but after upgrade it is not happening.

Package.json

"@progress/kendo-angular-buttons": "^8.2.2",
    "@progress/kendo-angular-common": "^3.2.2",
    "@progress/kendo-angular-dateinputs": "^7.1.6",
    "@progress/kendo-angular-dialog": "^7.1.5",
    "@progress/kendo-angular-dropdowns": "^7.2.4",
    "@progress/kendo-angular-excel-export": "^5.0.2",
    "@progress/kendo-angular-grid": "^7.4.2",
    "@progress/kendo-angular-inputs": "^10.1.2",
    "@progress/kendo-angular-intl": "^4.1.1",
    "@progress/kendo-angular-l10n": "^4.0.1",
    "@progress/kendo-angular-label": "^4.0.2",
    "@progress/kendo-angular-layout": "^7.2.0",
    "@progress/kendo-angular-menu": "^4.1.1",
    "@progress/kendo-angular-pdf-export": "^4.0.1",
    "@progress/kendo-angular-popup": "^5.0.2",
    "@progress/kendo-angular-progressbar": "^3.1.2",
    "@progress/kendo-angular-treeview": "^7.1.5",
    "@progress/kendo-angular-upload": "^9.0.4",
    "@progress/kendo-data-query": "^1.6.0",
    "@progress/kendo-drawing": "^1.14.0",
    "@progress/kendo-licensing": "^1.2.2",
    "@progress/kendo-theme-default": "^5.0.0",
    "@progress/kendo-ui": "^2021.3.1207",
    "jquery": "^3.5.1",
    "jquery-ui": "^1.12.1",
    "jquery-ui-dist": "^1.12.1",

Slavena
Telerik team
 answered on 03 Mar 2023
1 answer
112 views

Trying out the new fluent theme, most components are looking good but the menu looks very condensed, even in the examples.


https://www.telerik.com/kendo-angular-ui/components/menus/menu/

 

 

Can this be fixed?

 

 

Martin
Telerik team
 answered on 16 Sep 2022
0 answers
190 views

While I am trying to open the Context menu item using Kendo-ContextMenu (right click on the content to open the context menu), the Items of Context menu are not showing properly. Some of the items are not showing in the screen. Please find the attached screenshot for the same. 

Please provide the resolution for this issue.

shuva
Top achievements
Rank 1
 asked on 23 Aug 2022
0 answers
153 views

I have a requirement to customize the kendo column and also needs to use Context Menu. 
I'm sharing screenshots of the demo I'm trying to implement.

When I right click on the kendo column (which is having the ng template )  content like Icon or data/text it doesn't work
But on the cell it works. 

Can you help me out in this ??

Manish
Top achievements
Rank 1
 asked on 23 Dec 2020
6 answers
488 views

 

Hello,

Please provide working demo for context menu.

There are demo is given in following link but its not working.

I tried to open in stackblitz but in stackblitz even its not working . 

Please provide stackblitz working demo for two following link

Contex menu with grid.

Data Binding

Thanks 

 

 

 

 

Dimiter Topalov
Telerik team
 answered on 27 Nov 2019
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?