I would like to be able to select an Icon instead of or in addition to the caption of a Tab Switcher like you can on any Button.
so yeah, we had the same problem.
you can create buttons that link to new pages, so it acts like a tab container, this also means widgets only get loaded once the page is clicked, but this means some custom sass.
this is our sass setup for this.
.cs_tabcontainer {
a{
border-bottom: 2px solid rgba(0,0,0,0.1);
color: $text-inactive;
padding: 10px 15px;
margin: 10px 0 30px;
&:hover, &:focus{
text-decoration: none;
}
}
}
$amountOfLinks: 10;
@for $i from 1 through $amountOfLinks {
//Active
.cs_tabcontainer.active#{$i} a:nth-of-type(#{$i}){
color: $text-secondary;
border-bottom: 2px solid $brand-primary;
}
}
just add a container with the class “active1” to make the first tab active.
This also makes it possible to do some more fun UX things with tabs.
That would be a very nice and useful feature.
And please Mendix, make the tab captions also customizable (see this idea).