How to display an icon in a tab

0
I want to create a screen like the one below. In the tab, you can see the icon and the badge.   I know how to display the Budge, but I don't know how to display the icon.   Question： When using 'Tab Container', is it possible to display an icon instead of text inside a Tab? If it is possible, I would like to know how to do it. (I'm using version 8)
asked
3 answers
3

Hi Megumi,

I'd do a slightly different approach from the previous answers. First give a name to your tab that is descriptive to the icon used, for instance ‘tab-attachment’. Then add the following to your styling:

.mx-name-tab-attachment::before {
    font-family: "Glyphicons Halflings";
    content: "\e142";
}

Where \e142 is the unicode reference for that icon. Use this glyphicon documentation to find the correct css rules for the icon that you want.

answered
0

Try the following suggestions:

https://forum.mendix.com/link/questions/109024

https://forum.mendix.com/link/ideas/1854

answered
0

Add the icon-image to your image_collection. Then add this to your scss:

.mx-name-tabPage1::before{
  content:url(..\img\yourimagefortab1.png);
}
.mx-name-tabPage2::before{
  content:url(..\img\yourimagefortab2.png);
}

You probably need some extra styling-properties, but I think this will get you there.

Once you have succeeded in this little trick, can you add your solution here. Might help others, including me.

answered