Databases
StackOverflow2013
Postsdbo
POHow do I set the scale for the Hero Image in a winRT Hub Application
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I set the scale for the Hero Image in a winRT Hub Application
    primarykey
    data
    text
    <p>I am building a windows store application in vs2013 preview with the Hub App Template. I am working on the hero image section. </p> <p>My development box has a 30" monitor and a resolution of 2560x1600. I am attempting to get my hero image which I have scaled versions of 80,100,140,and 180 to load correctly. Everything works fine until I go to local machine and then it shows a clipped version of the 100% scale image. It should be scaling to the 180%. It is also clipping the area of the hub section to only show about 40% of the width the hero image should be. </p> <p>Is there anyway to change how the scaling works so that it is pulling the correct 180% scale? I assume it thinks I am on a TV set and not a monitor because the Device section for 23" and 27" show only a scale of 100% and they are close to the results I am seeing in my local machine build. </p> <p>Editing to provide more information.</p> <pre><code> &lt;HubSection Width="1024"&gt; &lt;HubSection.Background&gt; &lt;ImageBrush ImageSource="Assets/CavePainting.png" Stretch="UniformToFill"/&gt; &lt;/HubSection.Background&gt; &lt;/HubSection&gt; </code></pre> <p>Images are titled:</p> <pre><code>CavePainting.scale-80.png CavePainting.scale-100.png CavePainting.scale-140.png CavePainting.scale-180.png </code></pre> <p>The images scale properly as long as I am in simulator mode, but once I go into Local Machine they do not, they scale back to 100% and there is a lot of clipping. It seems as long as the device size is at 10.6", via simulator the resolution scales properly. On my development box. Which lets me target tablets without any issues but I also want to target desktops with this application and the scaling is killing my layout. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USStryder
    1. USStryder
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POHow do I set the scale for the Hero Image in a winRT Hub Application
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow do I set the scale for the Hero Image in a winRT Hub Application
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWe'll need to know a bit more, such as if you've done the scaling correctly (by either using the folders or adding file extensions). One thing to try is enabling "Ease of Access", which will generally upscale the images so you can test to make sure they're being pulled at all. Also, are you using (or is the template using) a `Viewbox`? If so, that may be having an effect on the scaling.
      singulars
      1. POHow do I set the scale for the Hero Image in a winRT Hub Application
      1. USNate Diamond
    2. COEdited the post to include more information.
      singulars
      1. POHow do I set the scale for the Hero Image in a winRT Hub Application
      1. USStryder
    3. COAh, I think the issue may be using `Stretch="UniformToFill"` Check out [this](http://msdn.microsoft.com/en-us/library/system.windows.media.stretch.aspx). It also may be due to just setting the Width/Height, but not the DecodeWidth/DecodeHeight. Look [here](http://www.geekchamp.com/forums/windows-8-development/resizing-an-image-without-losing-any-quality-in-windows-store-app) for more information on that.
      singulars
      1. POHow do I set the scale for the Hero Image in a winRT Hub Application
      1. USNate Diamond
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload