Skip to content

Validation .qtip over top and bottom bars

This is a layout improvement. When it runs form validation, qtip popups appear over both top bar and bottom bar (see attached image)

Actually z-index levels are:

.modal (#overlayPageContent) z-index: 1100 [layouts/v7/skins/***/style.css]
.qtip z-index: 1082 [layouts/v7/skins/***/style.css]
.navbar-fixed-top z-index: 1030 [bootstrap.min.css:5]
.modal-overlay-footer z-index: 6 [layouts/v7/skins/***/style.css]

to fix bottom bar, change .modal-overlay-footer z-index into layouts/v7/skins/***/style.css (8 files)

modify "z-index: 6;" to "z-index: 1090;"

to fix top bar, add .navbar-fixed-top z-index into layouts/v7/skins/***/style.css (8 files)

.navbar-fixed-top {
	z-index: 1090 !important;
}

validationIndex