Icon as well as Caption on Tab Container Switches - Mendix Forum

Icon as well as Caption on Tab Container Switches

3

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.

asked
2 answers

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.

Created

That would be a very nice and useful feature. 
And please Mendix, make the tab captions also customizable (see this idea).

Created