locked
Logo is not displayed correctly

    Question

  • Hi,

    this is a part of my task bar:

    The third logo is the logo of my Windows Store app. But what about this grey border? All my logos provided in the package definition are without border! Where does it come from? What logo is it that is used in the Task bar?

    Even in the store, the logo used near Details has got this border...

    Thanks

    Hans-Peter 

    Wednesday, May 7, 2014 8:48 PM

Answers

  • Hi,

    You should change the title background color in the package.appxManifest:

    To avoid the appearance of a border (as in the examples above), set your background color to the same color as the main color in your app's logo. Please see the link below:

    http://msdn.microsoft.com/en-us/library/windows/apps/hh846296.aspx

    Tip  

    The Store logo image is displayed over a 70x70 color plate. This means that there's actually a small border around your logo. The color of the border is determined by the BackgroundColor attribute of the VisualElements\SplashScreen element. To avoid the appearance of a border (as in the examples above), set your background color to the same color as the main color in your app's logo.

    Best Wishes!


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey. Thanks<br/> MSDN Community Support<br/> <br/> Please remember to &quot;Mark as Answer&quot; the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.


    Friday, May 9, 2014 3:35 AM

All replies

  • Hi,

    If your open the app and the app is in the running state, there would be grey border in the logo. If you close the app, the grey border will disappear. There is no problem in your store app. And that's by design in windows os.

    Best Wishes!


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey. Thanks<br/> MSDN Community Support<br/> <br/> Please remember to &quot;Mark as Answer&quot; the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    Thursday, May 8, 2014 3:01 AM
  • My question is about the grey border marked with the arrow. I did not draw such a border in any of my logos.

    Any hints?

    Thursday, May 8, 2014 6:35 PM
  • Hi,

    You should change the title background color in the package.appxManifest:

    To avoid the appearance of a border (as in the examples above), set your background color to the same color as the main color in your app's logo. Please see the link below:

    http://msdn.microsoft.com/en-us/library/windows/apps/hh846296.aspx

    Tip  

    The Store logo image is displayed over a 70x70 color plate. This means that there's actually a small border around your logo. The color of the border is determined by the BackgroundColor attribute of the VisualElements\SplashScreen element. To avoid the appearance of a border (as in the examples above), set your background color to the same color as the main color in your app's logo.

    Best Wishes!


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey. Thanks<br/> MSDN Community Support<br/> <br/> Please remember to &quot;Mark as Answer&quot; the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.


    Friday, May 9, 2014 3:35 AM