Hello everyone!Anyone who has an idea on how to remove or hide this excess spaces under tab contents? Please see image for reference. I have here 4 tabs, which is the 4th tab is the only tab who needs this space (with green line). All other tabs are affected by this excess space under the contents which is need to be removed.Thanks!
You can set to ContentAutoHeight = true in Tab
Thanks for your answer! Quick and easy solution solved my issue. Appreciate it!
Hi @RD.
You can add below css based on the tab condition
Conditionally Add the Class:
If(ActiveTab = 4, "tab-content tab-with-space", "tab-content")
CSS -
/* Ensure the tab content adjusts to fit its content */
.tab-content {
margin-bottom: 0; /* Remove extra space by default */
height: auto; /* Adjust height dynamically based on content */
overflow: visible; /* Ensure all content is shown */
}
/* Add bottom margin only for specific tabs */
.tab-content.tab-with-space {
margin-bottom: 50px; /* Adjust this value as needed */
Thanks,
Vipin Yadav
If possible, please share your OML file with me, and I will review it and get back to you.
Thanks for you answer @Vipin Yadav . Appreciate it.