Hello again,
The 'current user' part belongs to the toolbar. If you want to customize this part, you should still override the toolbar component to manage your overlay instead.
Checking the related source code may be helpful. You can either use this command under your angular directory:
abp add-package @volosoft/abp.ng.theme.lepton-x --with-source-code
or you can download it using suite dashboard as explained here: https://abp.io/docs/latest/suite/source-code
You can again let us know if you need further assistance. Thank you for your cooperation.
Hello,
I have checked the project that you have shared. I realized you have been using the lepton-x theme but using the basic theme keys.
If you want to replace the related part, you need yo use this key:
import { eThemeLeptonXComponents } from '@volosoft/abp.ng.theme.lepton-x';
key: eThemeLeptonXComponents.Toolbar,
If you want to modify the menu instead, you can follow this documentation https://abp.io/docs/latest/framework/ui/angular/modifying-the-menu#how-to-add-an-element-to-right-part-of-the-menu
Here is also how you can modify a specific action in the user menu:
//app.config.ts
export const appConfig: ApplicationConfig = {
providers: [
//...
provideAppInitializer(() => {
reconfigureUserMenu();
}),
],
};
function reconfigureUserMenu() {
const userMenu = inject(UserMenuService);
userMenu.patchItem(eUserMenuItems.Logout, {
action: () => {
console.log('Logout');
},
});
}
You can let us know if you need further assistance. Thank you for your cooperation.
Sure, we will be gradually updating the tutorials and samples.
Hello,
This is because the templates are migrated to the standalone structure. Here are references:
Hello again,
You can get a reference from this post: https://abp.io/community/articles/abp-now-supports-angular-standalone-applications-zzi2rr2z#gsc.tab=0
You could also check the official documentation of Angular: https://angular.dev/reference/migrations/standalone
Let us know if you need further assistance. Thank you for your cooperation.
Hello, I responded via e-mail yesterday right after the meeting. That would be the best to check the points I mentioned there beforehand.
Sounds good, could I get your availability for today/next week?
I will be available after 11 am gmt 3+ to recheck the issue if it is still not solved.
Hello, Sure, we can arrange a session for that. I can assist you on a remote access application preferably.
You can use this command to create a new project abp-old new MyProject -u angular -t app-pro -csf --version 9.2.3 or abp new MyProject -u angular -t app-pro --database-provider mongodb -csf --version 9.2.3 --old.
You can also follow this guidance if you prefer https://abp.io/docs/9.3/cli/differences-between-old-and-new-cli
Hello again,
Thank you for providing extra details on your problem. I have also tried using the version 9.2.x. However, I cannot produce the same problem. That would be the best if you could send a minimal reproducible example to this e-mail address: sumeyye.kurtulus@volosoft.com.
Thank you for your cooperation.
Hello,
The latest version of the ABP templates are migrated to use the standalone structure as explained here in this guide
https://abp.io/docs/9.3/release-info/migration-guides/abp-9-3#angular-ui-migrating-npm-packages-to-standalone-structure
If you do not want to switch, you can add standalone: false flag for your default structure. However, newly generated projects will be standalone.
Alternatively, we have added a provider for the logo. https://github.com/abpframework/abp/pull/23111 It basically uses the configuration provided in the environment
const baseUrl = 'http://localhost:4200';
export const environment = {
//...
application: {
baseUrl,
name: 'MyProjectName', //changes the display name
logoUrl: '', //sets the icon url
},
//...
} as Environment;
You can let us know if you need further assistance. Thank you for your cooperation.
