Tabs with different text color and lines (thus height)

Webix JS
#1

Hi Jedis, I need to create a tab-like structure that has:

  1. three lines of text in the name of the tab (header)
  2. each line of the header in a different font size and color
    As a consequence the height of the tabs needs to be taller.
    Also, the filler between the tabs needs to be zero.
    What would be the best approach ? Tabbar or Tabview ? Would template work to help ?
#2

Hello,

three lines of text in the name of the tab (header)

<br/> tag will move the value to the next line

the height of the tabs needs to be taller

You can set the height to the component (to the tabbar)

{ view: "tabbar",
         id:"tabbar", 
         height:90
...
}

each line of the header in a different font size and color

You can style it via CSS

Please check the sample: Code Snippet