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

Templating the HubTile

I have a requirement which requires that I change some of the functionality of the HubTile, namely the Primary content which appears to be set by the ImageSource property, however, additional access to the underlying image is prohibited.  I would like to set the Stretch property of the image, at the moment if I have a 500x500 image places in a 200x200 HubTile, the image is not stretched.

I've tried to template the HubTile in Blend, but am prevented from accessing the underlying default template.

Suggestions?  Recommendations?






4 Replies

RG Ron Gramann July 25, 2013 10:56 AM UTC

Not to be annoying, but I'm going to need an answer to this question to make a decision whether to use this control or not.  There is a 3 pixel margin around the Content of the tile, and it appears that modifying my Content or ContentTemplate has no effect on this margin.  My requirements are that the image fill the entire area without margins.


VV Vignesh V Syncfusion Team July 25, 2013 11:52 AM UTC

Hi Ron,

We have prepared a sample to achieve your requirement of 'modifying the hubtile images sizes'. In the sample we have modified the HubTile style and defined 3 new keys Imagewidth, Imageheight and Imagestretch to stretch the image.

Please find the sample in below link,

Check if sample meets your requirement,else please get back to us.

Vignesh V

MM Mageshyadav M Syncfusion Team July 26, 2013 12:53 PM UTC

Hi Ron,


We have modified the sample to remove the margin for customizing the image size completely to fit  with Hubtile control.


Please find the modified sample from the following  location,




Please let us know whether the sample assists your requirement.




TH TAE HWAN KIM September 3, 2014 05:44 PM UTC

I need this sample too

but link seems dead

Live Chat Icon For mobile
Up arrow icon