bootstrap modal in custom module

lawrence whittemore asked on May 22, 2025 15:47

anyone have any luck getting a bootstrap modal to show in a custom module in kentico 13? The button is working on getting the show class to add to the modal, but it looks like it is behind everything, and no amount of z-index seems to put it in fron.

kentico 13 admin bootstrap modal dialog

Recent Answers

vasu yerramsetti answered on July 9, 2025 07:59

Kentico's admin uses a lot of nested containers. If you inject your modal inside a deeply nested element, it might be constrained by overflow: hidden or z-index. So, try - Render your modal at the end of the page body, not inside a container or web part layout.

Add this custom CSS:

.modal-backdrop {
  z-index: 1060 !important;
}
.modal {
  z-index: 1070 !important;
  display: block; /* If needed for testing */
}

Note: Also, check that your custom styles are loaded after Kentico’s admin styles

0 votesVote for this answer Mark as a Correct answer