Board index Premium Layouts and Themes Ultima Ultima - PrimeFaces Problem with menu and sticky header for datatable.

Problem with menu and sticky header for datatable.

JSF and PrimeFaces version


Posts: 188
The sticky header overlaps the menu, if you look at the snapshot..:

Image


Any quickfix? :)


Regards,

BTJ
PrimeFaces 6.0 | Jetty 9.3.14 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium


Posts: 1927
Please try;
.layout-wrapper .layout-menu {
   z-index: 9999999;
}


Posts: 188
Yes, that did the trick.. Thx.. :)

BTJ
PrimeFaces 6.0 | Jetty 9.3.14 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium


Posts: 1927
You're welcome!


Posts: 188
Actually, it did not work completely. This makes the menu overlap the dropdowns I have in the upper right corner (in the topbar).

BTJ
PrimeFaces 6.0 | Jetty 9.3.14 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium


Posts: 1927
Please try;
.layout-wrapper .topbar {
   z-index: 10000000;
}

.layout-wrapper .layout-menu {
   z-index: 9999999;
}


Posts: 188
That made the menuitem under the profile-image work but not the other seleconemenu items I have placed inside <li class="search-item">

BTJ
PrimeFaces 6.0 | Jetty 9.3.14 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium


Posts: 188
Tried different thing, also adding a style element directly to the selectOneMenu component with the needed z value but still the same result. Shouldn't that have worked?
PrimeFaces 6.0 | Jetty 9.3.14 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium


Return to Ultima - PrimeFaces