Open Closed

How to show 'Linked accounts' modal of ABP commercial in my custom template #3553


User avatar
0
abpfintranet-1 created

Hi In front side we use our own template and menu, so I want to put its "Linked account" menu in our menu. The problem here is that when we click on 'Linked accounts' menu, it shows a modal and does not route to another address. If it was routing, I could use its route but I must show that modal, and I could not see anything in angular code about that menu. So how can I show that 'Linked accouts' modal in my custom template? abp version 5.3.3 ng version 14.0.3

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

2 Answer(s)
  • User Avatar
    0
    abpfintranet-1 created

    It passed 7 days and there is no answer! Why?!

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    1
    muhammedaltug created

    Hello,

    Sorry for the latency in answering your question. You can do it by injecting OPEN_MY_LINK_USERS_MODAL token and executing injected function.

    Usage:

    import { Component, Inject } from '@angular/core';
    import { OPEN_MY_LINK_USERS_MODAL } from '@volo/abp.commercial.ng.ui/config';
    
    @Component({
    /*Component Metadata*/
    })
    export class MyComponent {
    
      constructor(
        @Inject(OPEN_MY_LINK_USERS_MODAL) public openMyLinkUsersModal: () => void
      ) {}
    }
    
    <!-- My Component Template -->
    <button class="btn btn-primary" click="openMyLinkUsersModal()"> Open LinkUsersModal </button>
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.