search

abpframework / abp

Open-source web application framework for ASP.NET Core! Offers an opinionated architecture to build enterprise software solutions with best practices on top of the .NET. Provides the fundamental infrastructure, cross-cutting-concern implementations, startup templates, application modules, UI themes, tooling and documentation.
https://abp.io
GNU Lesser General Public License v3.0
13k stars 3.46k forks source link

Error with modals #19409

Open migueldeltorodev opened 8 months ago

migueldeltorodev commented 8 months ago

Hello! I'm having a problem with the use of modals in my webapp, I create a layout from scratch based in the basic theme. The thing is that when I click the open modal button my background or the @RenderBody structure changes.

My ABP version is 8.0.2, I'm using MVC with EF Core.

Currenly I copied almost 100% the code structure of the Empty Layout of the basic theme, but with new components like a navbar and a footer made by myself. I put my custom layout inside of "Views" and I'm creating new pages as always.

When I make a Create or Edit Modal.cshtml and when I open that modal, my background changes, for example (watching my inspector), all the content of the renderbody comes out of this div and is positioned below the footer and I have the original navbar, a renderbody now empty and my footer and below that I have a copy of what I already have even with other CSS styles.

The structure should be like this before clicking the modal: body (abp-empty-layout) => navbar component, a div for my @renderbody and a footer component

After clicking the modal: body (abp-empty-layout modal-open) => div id = modal (with the navbar, a div and the footer inside) and again the navbar, the @renderbody section and the footer (this time without styles).

This is a school project so I can provide the code of my layout and other stuffs.

Thanks for the help!

maliming commented 8 months ago

hi

Steps needed to reproduce the problem.