Hi Peter,
This isn't 100% there, but cut and paste the below code in to a code widget at the top of the page where the tab element is at.
I tried to get the main content of the tab to butt up against the actual tabs but you'll see there is a separation between the actual tabs and their content. There is an indicator for what tab is active/selected.
Anyway, hope this get's you part way there.
- Tom
<style>
.tab-remote {
border-style: solid;
border-width: 2px;
Border-radius: 10px 10px 0px 0px;
}
.tabContainer {
border-style: solid;
border-width: 2px;
}
.layoutContainerTabs:before {
content: none;
}
.layoutContainerTabs:after {
content: none;
}
.tabContainer:before {
content: none;
}
.tabContainer:after {
content: none;
}
</Style>