Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Query About Missing UI and Menu Item in ABP Angular Modular Monolith #22001

Open
1 task done
ayshamougamadou opened this issue Jan 24, 2025 · 3 comments
Open
1 task done

Comments

@ayshamougamadou
Copy link

Is there an existing issue for this?

  • I have searched the existing issues

Description

I have been working on the ABP Modular Monolith tutorial and used ABP Studio to create the startup host application and a module in Angular. I noticed that while the MVC template includes a web project in the module, the Angular version does not seem to include anything related to the UI.

In my case, I followed the tutorial to create a module named "Products." After importing the module into the solution, everything went smoothly, with no errors during the process. However, I expected to see the "Products" module reflected in the menu items, but it is not there.

Could you please clarify why this might be happening or if there are additional steps needed to display the module in the menu?

Version

0.9.22

Operation System

Windows (Default)

Solution Configuration

No response

Other information

No response

@masum-ulu
Copy link
Member

Hi, can you please share step with document link for the re-produce problem thanks

@ayshamougamadou
Copy link
Author

ayshamougamadou commented Jan 28, 2025

I have completed Step 3 of creating a modular monolith application using the Angular framework in ABP Studio. As part of this process, I successfully imported the Product module into the host application.
https://abp.io/docs/latest/tutorials/modular-crm/part-03

Image

Image

However, I noticed that the Product menu item is not appearing in the application's menu. Upon investigation, I realized this is because the Product host module does not include a Menu UI component.

To provide further context:

The host application and the module were created using ABP Studio.
Despite importing the Product module correctly, the expected menu item is absent, as illustrated below:
Image

Additionally, examining the Product module solution structure shows that there is no project for the UI:
Image

This absence of a UI project seems to be the root cause of the missing menu item.

Is there an alternative approach to ensure the Product menu item appears in the host application's menu? Additionally, where can I find the UI project if I want to add a user interface for the Products?

You can also see here in the host application that there is no menu UI component available in the solution. It seems that the menu is implemented as a built-in functionality.

Image

@ayshamougamadou
Copy link
Author

Hi,

I wanted to check if there are any updates on this issue., I’d appreciate any guidance on locating or creating the UI project for the module.

We are starting a new project that requires a modular monolith approach with Angular, so understanding the best practices for integrating module UI components is crucial for us.

Looking forward to your response. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants