Hi buddies,
I hope you're doing well.
I'm facing a very weird issue with the Tabs and Sidebar widget regarding the z-index property.
Basically, when I open the Sidebar "Business Solution Form", the Tabs "Standardization", "Recertification" and "Group Security Matrix" stay on top.
I inspected the browser and I saw that:
And if I remove the z-index property or change it to z-index: -1 the bug is fixed:
But when I try to change at the OutSystems I can't solve the issue.
I created 2 new classes - "tabs-header-custom" and "tabs-content-custom" to overwrite the original classes and applied them to the Tabs widget:
When I'm in the browser I see my classes "tabs-header-custom" and "tabs-content-custom", but I see below the class "osui-tabs__header" with z-index:1;
The "osui-tabs__header" is from OutSystemsUI.
How can I overwrite the "osui-tabs__header" class or another way to solve my issue?
Thank you.
Kind regards,
FC
Hi Fábio,
This issue is no longer reproduceable because OutSystems UI newest versions fixed this bug.
Please consider upgrading the OutSystems UI to the latest version.
Kind Regards,João
Hello Fabio ,
I added a tabs widget to practice page and wasn't able to find the z-index property in the osui-tabs__header class
Can you maybe share your oml ?
Thank you
Hello Paulo,
Thanks for your fast answer.
I can't share the oml file because it's confidential.
It's strange you don't see the z-index property.
On my theme module, I consume the theme from OutsystemsUI:
and for the Tabs I have the classes:
Let me know if you see anything wrong.
Thanks in advance.