

There’s no literal text here, data is being bound here to the GUI so the same template can be used for every article. That’s the page showing the whole article.
NO PAGE EXTRAS APPSTUDIO CODE
This can only be done from xaml code as the designer is playing up over the FixedHtmlBlock. Find the ScrollViewer in “Panoramaabout_Info0”, and surround it with a style Grid:

This can only be done from XAML code view, and is actually pretty simple. If you run the application, you will the news panel quite OK, but the about panel not looking like it should, and so is the page that appears when you tap on an article Find the “news” TextBlock as well and repeat the procedure. Open about_info.xaml, (it’s in 1 – UI\Wp8App\Views) find the line with the “about” text: Īnd change CustomApplicationTextBrush in CustomApplicationHeaderBrush.īang! The “about” text changes into white. Open up up App.Xaml (it’s in 1 – UI\Wp8App) and find in the XAML code the following line: If we were to set that white, we would get white headers and white text on white panels. That’s a problem – both the header and the text inside the panels both have the style “CustomApplicationTextBrush”. Hit save all, click News1_NewsListControl on the top of the breadcrump – looking good! This will make the blog posts look on a white, just a little transparent background Then we modify the background color to white and the opacity to 85%. Right-click on News1_NewsListControl, select Edit Additional Templates/Edit Itemtemplate/Edit Current.Then right-click on the Grid, select Edit Style/Create Empty, and enter the following values: The following procedure needs to be followed to edit it to make it look like my blog: It automatically opened about_info.xaml for me. So I generated the app, downloaded the source code, opened the solution in Visual Studio and first compiled it. Black on black doesn’t read that well as I suspected. My app in App Studio looked like displayed to the right. So I decided to make it black text on the star field and adapt the templates in Blend and Visual Studio. If could have made the text white, but that would not look like my blog (branding is important) and it would get blurry because of the star field. But the background of my blog is a star field, overlaid by articles on a white panel. Fiddled around with the look and feel till it kind of looked like my blog. I deleted everything but the aboutDataSource and the news1DataSource.

To show you how easy that is, I actually created a small blog post reader for my own blog using the “hobby” template. So you can go beyond what the tool offers, both in layout and functionality, but without having to start from the ground.
NO PAGE EXTRAS APPSTUDIO DOWNLOAD
You can also download the source code of said generated app, and modify it to your heart’s content. The fact I actually like best is that apart from generating the app and installing it on your phone directly – enabling non-techies to create their own apps in a very easy way – there’s something in it for us techies as well.

NO PAGE EXTRAS APPSTUDIO WINDOWS
By now you all probably heard about App Studio, the great new on line tool the Windows Phone team have created to create custom Windows Phone apps based upon a number of templates without any programming.
