TabControl dynamic header style/template

[C. Veeningen]

Hi,

I would like to use the tabcontrol with some more flexibility than the default properties for changing the selectedFore- and background.

I tried using the headertemplateselector, but that's only firing once on loading. Is there a way to define a style/template per header with a different style/template?

I would like to change the fontsize etc. of the header when it's selected. Also would be nice if there is a kind of hover behaviour for the not selected items.

Hope you can help me.

[Victory Jessie Selvam D]

Hi Veeningen,

Sorry for the delay being caused.

We have prepared a sample to achieve your requirement. In the sample we have set the ItemContainerStyle of SfTabControl this applies different templates(defined in resources) for the ContentPresenter displaying header based on visual states. For the hover behavior, we have changed the HeaderTemplate of the tab item when mouse is hover the tabitem using tabcontrol's pointer events.

Please let us know whether the provided sample meets your requirement.

Regards,

Victory

TabControl_102883_ef6f3beb.zip

[aaron]

I’m having a similar issue. I have a Tab item header that must be a data template. When switching to FullscreenPortrait mode I need to be able to control one of the properties in the template. I tried to download the sample zip file provided but my Download failed.   

[Vignesh V]

Hi Aaron,

Sorry about the inconvenience caused.

Due to some internal server problems, attached sample is unable to download. We have re-uploaded the sample and it can be downloaded from below link.

Sample link:  TabControl_114157

Please let us know if you have any queries.

Regards,

Vignesh V

[Dave Davis]

This sample does not adjust based upon device orientation.  Do you have an example that does that?

[Ravuthasamy D]

Hi Dave,

We have prepared a simple sample to address your requirement 'To change Template while orientation is changed’, In order to achieve this requirement we need to use two different Templates(for ItemTemplate),it is not possible with single template.

Please find the sample in below link,

Sample Link : http://www.syncfusion.com/downloads/support/directtrac/general/TabControl_114157465947151.zip

Please let us know if you need any further assistance,

Regards,

Ravuthasamy D