Underlined TabControl

[flagbug]

• Add the underline
• Figure out where we enable this behavior

Fixes #960

[AzureKitsune]

That's pretty. 👍

[flagbug]

The only problem now is to figure out where we put the property for the activation of this feature

[laicasaane]

👍
I think we also need a separate color brush to use with this underline, instead of AccentColorBrush.

[amkuchta]

I think the AccentColorBrush works fine, it is really cohesive. It should match the rest of the TabControl (and window)

[amkuchta]

@flagbug when you say "where to put the property", do you mean on the TabControl vs. the TabItem?

[punker76]

@flagbug why not a separate style?

[amkuchta]

@punker76 wouldn't a new style have to be created for each "type" of TabControl (i.e. TabControl, MetroAnimatedSingleRowTabControl, MetroAnimatedTabControl)? I see this getting confusing for users very quickly...

Wouldn't it be easier to have a boolean property called UnderlineTabs on the TabControl?

[flagbug]

@amkuchta We don't own the TabControl class

[amkuchta]

What about an attached property? Something like TabControlHelper.IsUnderlined?

[amkuchta]

@flagbug any updates on this? Don't mean to add any pressure, but I am really interested in this feature for my project (it's gorgeous lol)

[Malavos]

Same here. We did our own style for now, but we are looking forward from this.

[amkuchta]

poke? 👉

[Fiasco1216]

I much prefer the look of this implementation to the current TabControl options. Hopefully this can be merged in soon.

[flagbug]

ControlsHelper.IsUnderlined="True"

There you go

[amkuchta]

For anyone else planning on using this, in order to get the underline to extend across to the edge of your window, you will need to insert a disabled tab with an empty header that is stretched to fill the remaining space in your TabControl

[amkuchta]

Also, @flagbug , this is gorgeous, thank you very much!

[zeluisping]

@amkuchta How exactly, have been trying different ways and didn't manage to achieve that.

[DangerTimsen]

Hey guys,
nicely done :) How do I get this to work with MetroAnimatedTabControl?

[Brains]

How do I get this to work with MetroAnimatedTabControl?

<TabControl mahapps:TabControlHelper.Underlined="SelectedTabItem"/>

TabControlHelper also contains few other related properties:

UnderlineBrush
UnderlineSelectedBrush
UnderlineMouseOverBrush
UnderlineMouseOverSelectedBrush

Sorry for 5 years delay but I just leave it here for future finders (including me)
Because docs https://mahapps.com/controls/tab-control.html contain no info about Underline capability, have found it accidentally

Question
Do more detailed docs (including Underline and similar subtle stuff) exist somewhere?