Use wide tile

Thread is closed for posting
2 posts, 1 answers
  1. brandon
    brandon avatar
    12 posts
    Member since:
    May 2014

    Posted 06 May 2014 Link to this post

    I'm working on an app where i can display data on a live tile. i'm binding the data to a longlistselector..this is working fine. 

    i'm using RadFlipTileData and WideVisualElement the problem is the text will only go about half way across the tile if i set  MeasureMode = MeasureMode.Element then i only get one line of text on the tile but it does stretch accross the entire tile.

    i tried MeasureMode = MeasureMode.Tile but it only uses half the wide tile.

  2. Answer
    Todor avatar
    798 posts

    Posted 09 May 2014 Link to this post


    I'd like to make some clarifications on the way LiveTileHelper works. In short, it creates an image from the UIElement that you provide and uses this image for your tiles. The recommended image size for (standard, even if not created through LiveTileHelper) images used for tiles on high resolution windows phone devices is 691x336 pixels. However the element on your screen is only 480 pixels wide. You have two options here:

    1) set MeasureMode to Element - this way the image that is created will be wide as the element, that is 480 pixels. However, in order to fill the wide tile this image will be stretched and may seem a little blurry
    2) set MeasureMode to Tile (default) - this way the image that is created will follow the guidelines and will be 691 pixels wide. Since your element is only 480, it would not fill the entire image, thus the entire tile.

    Probably what you want is good looking image which fills the entire space. You can achieve this by moving your element (or a copy of it) out of the visible area by applying a negative margin (for example Margin="-2000,0,0,0") and setting its width to 691. (Setting MeasureMode would be redundant here because, both modes will result in creating a tile which is 691 pixels wide). I have attached a sample as a illustration to this approach which uses some of the code that you posted on another thread.

    I hope this information helps with the LiveTileHelper usages, so that you will be able to better decide what approach to use. Let us know if you need further assistance.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top