Thursday, May 08, 2014

Fixing bleeding from a neigboring section in Windows Store apps

In my previous post I described some UI errors in projects created using Windows App Studio which is in beta. Notice the bleeding from the next section into the section in display.


I had attributed those errors to my incorrect usage of the App Studio. However looking at sample the project (Windows Phone App Studio Sample App) I believe it is some errors not fixed in the beta. Notice the 'bleed' in the next screen shot.

I went back and opened the project in Blend for Visual Studio 2013 and fixed the errors in my previous post.

Basically, the horizontal alignment was wrong and the seciton widths were not set correctly. After making these changes, the display was corrected as shown.

Blend is very handy for fixing the UI errors, more intuitive than VS.

No comments: Protection Status