We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SfTabControl Header

Hi Guys,

Is there a way to edit the HeaderTemplate.  I would like to lessen the distance between the TabItem text and the Tab Item content.  There is a lot of space between the two.

See attached image.

Attachment: New_Compressed_(zipped)_Folder_e32249a5.zip

1 Reply

AK Ashok Kumar Murugesan Syncfusion Team July 12, 2016 12:28 PM UTC

Hi Tony,

Thank you for contacting Syncfusion support.

We have prepared a sample to meet your requirement. In this sample, we have retrieved the element displaying tab item content using its name(PART_Content) from the template of SfTabControl and set its Margin to reduce the space between tab header and content. You can download the sample from the following link:


Ashok Kumar M.

Live Chat Icon For mobile
Up arrow icon