Link to home
Start Free TrialLog in
Avatar of dan henderson
dan hendersonFlag for United States of America

asked on

prevent parent view from showing through a modal dialog

I have a MVC view called index.  I have a bootstrap modal on that form.   I have a "child" view that I need to show in a modal window.  The "child" view has several <div> s that expand or shink.  I can load the view into the modal dialog without issue, but the space between the <div> tags displays as transparent for some reason I can't figure out!  I've tried setting the opacity of the modal form to 1.0, but that doesn't make a difference.  How can I display the modal dialog without the parent form showing through?
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of dan henderson

ASKER

Thanks for the response!  I will check this based on your recommendations.
Thanks! Found it!  This was the issue:
The view was a Razor view.  The form was designed inside the @using (Html.BeginForm()){ } tag.  I had to enclose the entire form contents with a <div class="container"></div> pair inside the form tag.
You are welcome.