How may I style tabs?

XANOZOID · March 15, 2020, 5:51pm

Hi - I’m using the tabview component and I wanted to know how I can style the tabs. Like the tabbar background, the tab sizes themselves, and the like.

An even better question I guess would be - where can I find to look in the code to find this information if it exists? Thanks!

XANOZOID · March 15, 2020, 6:04pm

I accidentally stumbled upon this page, actually, and this seems related! I’ll take a look sometime later today when I can

github.com

haxeui/haxeui-core/blob/1330225aade1dd6e8b6c4c609ff07314f79bf127/haxe/ui/_module/styles/default/tabs.css

/************************************************************************
** TABBAR (TOP)
*************************************************************************/
.tabbar {
    horizontal-spacing: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    width: auto;
    background-color: white;
    border-bottom-width: 1px;
    border-bottom-color: #ABABAB;
    border-top-width: 0px;
    clip: true;
}

.tabbar .tabbar-contents {
    border: none;
    border-bottom-width: 1px;
    border-bottom-color: #ABABAB;

This file has been truncated. show original

ianharrigan · March 15, 2020, 6:15pm

I was just about to reply with the exact same thing

Everthing visible in haxeui is styled from here: https://github.com/haxeui/haxeui-core/tree/master/haxe/ui/_module/styles/default

At the moment, the best best bet is to use that as reference.