Using Angular Menu in standalone component within angularjs app

0 Answers 43 Views
General Discussions Menu
Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
Vedad asked on 13 Aug 2024, 08:56 AM

Hi,

I am trying to build angular 17 standalone component based on kendo ui menu for angular. Goal is to replace menu in old angularjs app built using kendo ui for jquery. I am trying to migrate little parts one by one.

I built component and added it to the old app, menu is rendered using default theme, but for some reason menu is dead - open or select events don't trigger. So i don't see submenus or cant select even anything on the root.

On the other side, if i put kendo ui button for angular in the same component, it works normally and triggers event on click.

Do you please have any ideas how to proceed next, because menu is one of crucial components I need for the further migration.

Thank you.

Regards,
Vedad

Yanmario
Telerik team
commented on 16 Aug 2024, 04:49 AM

Hi Vedad,

The provided information isn't sufficient for us to assist you. A runnable example of the non-working Menu component will be needed for troubleshooting and further assistance.

In the meantime, make sure you are running the latest versions of our components and Kendo themes:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

and also checking the console for any errors that might be breaking the functionality of the component.

Regards,
Yanmario
Progress Telerik

Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
commented on 20 Aug 2024, 12:15 PM

Hi Yanmario,

Thank you for your comment. Of course I am using latest version of the components.

What exactly do you need, my angular component code or .js produced outside of it?

Thank you very much.

Regards,
Vedad

Yanmario
Telerik team
commented on 23 Aug 2024, 05:46 AM

Hi Vedad

Could you share a runnable application with us, along with the steps to reproduce the issue and a description of the issue itself? This will help us troubleshoot the application configuration and provide further assistance. If you prefer, feel free to share the application in a private ticket.

Regards,
Yanmario
Progress Telerik

Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
commented on 23 Aug 2024, 09:46 AM

Hi Yanmario, 

I can share my angular standalone component with kendo UI menu integrated. Out of this component I generate .js file (concatenated polyfill and main) and styling file.
I add these two files to my old angularjs app and menu is rendered, but not reacting (not expanding or anything). 

I tested the same case with angular material menu and it works perfectly fine, so I either I am doing something wrong or there is a bug somewhere, I can't tell.
I tried all I could think of or find on the net as suggestion.

I will provide you with the zip file containing all angular stuff. (I will remove kendo license key file, as I presume you have your own).

Thank you.

Vedad

Yanmario
Telerik team
commented on 28 Aug 2024, 06:56 AM

Hi Vedad,

Thank you for the additional description.

I am not sure what the root cause of the issue could be, as the component functions normally on our side, and clients haven't reported this specific use case. Transferring the generated JavaScript should work. One way to test this is by creating a GitHub Pages site with the generated script to see if it works there. If it works there, then the issue is likely specific to your application environment and should be checked on your side.

I also want to mention that even if there is some type of issue in an AngularJS environment, our team won't be able to do much, as the framework is deprecated and isn't officially supported by us or the Angular team.

Regards,
Yanmario
Progress Telerik

No answers yet. Maybe you can help?

Tags
General Discussions Menu
Asked by
Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
Share this question
or