Activities of "smwasimraja@gmail.com"

Thanks much its working

i need to set tab like this account and entity changes tabs

Hi,


i am seeing only blank page after i done all of the things that you mentioned above

Hello,

Please follow the below steps

1. create a new DemoComponent using below command

ng generate component democomponent 

It will appear like this image at angular side

2. create manage-profile-tabs.provider.ts file
   add the newly created DemoComponent to this file like

3. Add manage-profile-tabs.provider to app.module.ts

4. Add the desired code in demoComponent.html file no need to add code of abp-tab it will look like

I hope this this will help you.

thanks, Anjali

hi Anjali,

Please look at the issue that i provided below to your answer

Hello,

Please follow the below steps

1. create a new DemoComponent using below command

ng generate component democomponent 

It will appear like this image at angular side

2. create manage-profile-tabs.provider.ts fileadd the newly created DemoComponent to this file like

3. Add manage-profile-tabs.provider to app.module.ts

4. Add the desired code in demoComponent.html file no need to add code of abp-tab it will look like

I hope this this will help you.

thanks, Anjali

Hi Anjali,

i have done all the above things still couldn't resolve the issue i have a question

where did the MyUsertab comes from ? you didn't mention above screenshots

i will provide my issues here

- I have generated component called demoapplication and demo2application and i want these components to be tab section in another component , that component name called managedemocomponent, i have created manage-profile-tabs.provider.ts and i have included demoapplication and demo2application and i also added manage-profile-tabs.provider to app.module.ts i dont know what shoul i do next i am stuck here i need a solution above screenshot doesnt helped me

how to add abp tab in components i already seen manage profile tab documents i cant understand can you provide me from basic like step by step i am new to this i need to understand properly

Hi, you can use Angular Routerlink to navigate to another page.

To create: <a [routerLink]="['/user/create']"> link to create user component </a>

To edit: <a [routerLink]="['/user/edit']" [queryParams]="{id: yourId}"> link to edit user component </a>

Make sure to declare your routes.

Refer

Thanks yushafizalyusri@gmail.com

Appreciate if anyone provide angular sample codes for redirecting to new page instead of popup. For e.g. when I click "Add New", ABP opens up popup window, but I need to redirect to new page where I will have more options while adding new entity.

• ABP Framework version: v7.4
• UI Type: Angular

Thanks for the support.

Hi,

I think your Lepton X theme is not installed properly can you please try again by creating new project with Lepton X theme.

**Yes. This issue is occurred only when I choose Lepton-X theme. When I choose basic theme or lepton theme, I can successfully run client app

Below is the console error, after I tried new project, freshly downloaded lepton-x theme angular project.**

*Build at: 2023-06-27T16:53:40.370Z - Hash: 067ca6886595d44a - Time: 145681ms

./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

× Failed to compile. √ Browser application bundle generation complete.

527 unchanged chunks

Build at: 2023-06-27T16:54:03.590Z - Hash: 067ca6886595d44a - Time: 17941ms

./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

× Failed to compile. √ Browser application bundle generation complete.

527 unchanged chunks

Build at: 2023-06-27T16:54:09.379Z - Hash: 067ca6886595d44a - Time: 4316ms

./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

× Failed to compile.*

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

If you're creating a bug/problem report, please include followings:

• ABP Framework version: v7.1.1
• UI type: Angular
• DB provider: EF Core
• Tiered (MVC) or Identity Server Separated (Angular): yes
• Exception message and stack trace:

Build at: 2023-06-21T08:28:13.679Z - Hash: 5946763fbfa9fc16 - Time: 102639ms

./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

× Failed to compile. √ Browser application bundle generation complete.

527 unchanged chunks

Build at: 2023-06-21T08:28:22.324Z - Hash: 5946763fbfa9fc16 - Time: 6010ms

./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

× Failed to compile. √ Browser application bundle generation complete.

527 unchanged chunks

Build at: 2023-06-21T08:28:26.127Z - Hash: 5946763fbfa9fc16 - Time: 2731ms

./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

× Failed to compile.

• Steps to reproduce the issue:"

• Run abp suite

• Create new solution

• 

• 

• 

• Complete the pre-requisites such as .NET framework, Node, Yarn

• Run API project

• 

• Run Auth Project

• Go to angular folder and run yarn install and yarn start

• 

• Below is the console error log

• Console Error Log

  <br> Build at: 2023-06-21T08:28:13.679Z - Hash: 5946763fbfa9fc16 - Time: 102639ms

  <br> ./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

  <br> <br> ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

  <br> × Failed to compile. √ Browser application bundle generation complete.

  527 unchanged chunks

  Build at: 2023-06-21T08:28:22.324Z - Hash: 5946763fbfa9fc16 - Time: 6010ms

  ./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

  <br> <br> × Failed to compile. √ Browser application bundle generation complete.

  527 unchanged chunks

  Build at: 2023-06-21T08:28:26.127Z - Hash: 5946763fbfa9fc16 - Time: 2731ms

  ./node_modules/@volosoft/abp.ng.theme.lepton-x/fesm2020/volosoft-abp.ng.theme.lepton-x.mjs:584:52-83 - Error: export 'OPEN_AUTHORITY_DELEGATION_MODAL' (imported as 'OPEN_AUTHORITY_DELEGATION_MODAL') was not found in '@volo/abp.commercial.ng.ui/config' (possible exports: BackToImpersonatorNavItemComponent, CommercialUiConfigModule, DEFAULT_PROFILE_ICON, ENABLE_FLAG_ICON, IMPERSONATION_PROVIDERS, IdentitySecurityLogDto, IdentitySecurityLogGetListInput, ImpersonationService, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE, PROFILE_PICTURE_PROVIDERS, ProfilePictureService, addNavbarItemsOfImpersonationFactory, eProfilePictureType, profilePictureTypeOptions, setModuleVisibilityFactory)

  <br> <br> × Failed to compile.