wpf - How can I add a separator between tabs in a tabcontrol? -
i'm styling tabs displays header text want add separator between them. right tabs like:
content1 content2
is there way can add separator
between tabs looks like:
content1 | content2
i can style vertical separator can't figure out how place in between tabs. don't want use tab border fake divider , stay away using
<tabitem header="|" isenabled="false" />
fake too. there elegant solution this?
this have far:
<tabcontrol background="transparent" borderthickness="0"> <tabitem header="content1"> <!--content1--> </tabitem> <tabitem header="content2"> <!--content2--> </tabitem> <tabcontrol.resources> <style targettype="{x:type tabitem}"> <setter property="template"> <setter.value> <controltemplate targettype="{x:type tabitem}"> <border margin="2,0"> <contentpresenter contentsource="header" margin="10,2" /> </border> <controltemplate.triggers> <trigger property="isselected" value="true"> <setter property="foreground" value="white" /> </trigger> <trigger property="isselected" value="false"> <setter property="foreground" value="gray" /> </trigger> </controltemplate.triggers> </controltemplate> </setter.value> </setter> </style> </tabcontrol.resources> </tabcontrol>
thanks in advance!
i ended going this:
<tabitem isenabled="false" ishittestvisible="false"> <tabitem.header> <separator style="{staticresource {x:static toolbar.separatorstylekey}}" height="10" background="black" /> </tabitem.header> </tabitem>
Comments
Post a Comment