✅ Blazor: Multiple Modals, different pages

Hello I have multiple modals that need to be in MainLayout.cs (otherwise they will not render as expected). Now I have also other pages, for example lets say Page1. Page1 can trigger a specific modal on button click. And it also need to take care of the actions that might happen in the Modal itself (e.g. Button Click). How would I structure this properly? Modal is a component:

<Modal @ref="newSocialMediaAccountModal">
    <input placeholder="Identifier" />
    
    <button>
        Save
    </button>
</Modal>

<Modal @ref="newSocialMediaAccountModal">
    <input placeholder="Identifier" />
    
    <button>
        Save
    </button>
</Modal>

needs to be in MainLayout but controlled by other pages.

C#•3y ago•

28 replies

Kroks

✅ Blazor: Multiple Modals, different pages

<Modal @ref="newSocialMediaAccountModal">
    <input placeholder="Identifier" />
    
    <button>
        Save
    </button>
</Modal>

<Modal @ref="newSocialMediaAccountModal">
    <input placeholder="Identifier" />
    
    <button>
        Save
    </button>
</Modal>

needs to be in MainLayout but controlled by other pages.

✅ Blazor: Multiple Modals, different pages

Similar Threads

✅ Blazor: Multiple Modals, different pages

Similar Threads

Similar Threads

Similar Threads