Joomla Templates Club 406,261 posts

[simonljungberg Friend simonljungbergJoin date: July 2013Posts: 1Downloads:19Uploads:0]

#194915

When adding a bootstrap modal to a component it appears behind the backdrop. Can this be solved or is there another way to show modals in this template?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#523329

Hi simon,

The answer is Yes. As you know the .modal of Bootstrap will contain these properties:

.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
}

In order to solve the conflict and show modals on our templates, you just need to create a custom.css file at templates/ja_smashboard/css/ path and put these css rules into:

.com_component .modal {
display: block;
overflow-y: hidden;
position: relative;
}

.com_component is the folder name in /components/ of your installed component.

[Author]

Posts