At the data configuration stage, select User from the drop down and set the username to SitePoint. Click the YouTube button and create the API key. The same applies for the YouTube channel. Here you can change the layout like in the Feed example, but I’m leaving it as default, with the user photo on the left. After creating the API key, select User Timeline from the drop down and set the username to sitepointdotcom. Click Create new API Key, which will guide you through creating the necessary API key for adding Twitter support. I chose Generic Layout for the single item layout.įor the Twitter page, click on the Twitter button and you’ll need to create an API key. I am picking No Photo for the list layout, since not all articles will have a photo and I’d like the Feed to be consistent. By clicking the edit button, you can style the RSS feed, both the list page and the single item (a.k.a detail) page. By swiping left and right, you can change the views of the application.įor the RSS feed, click on the RSS button and set the title to Feed and the feed url to. Whether it’s via our practical tutorials, books, articles, courses, if it’s got anything to do with building the web - we've got you covered.Ĭlick the Save button and the view is added to the application. SitePoint provides cutting-edge content for web professionals - developers, designers, programmers, freelancers and site owners.įounded by Mark Harbottle and Matt Mickiewicz our mission is to deliver new ideas, emerging concepts, and teach state-of-the-art technology to our readers. The content, taken from SitePoint’s about us page is this: I’d like to have these views:įor the About Us page, click on the HTML button and set the title to About Us. Now that we have the first view, we can add more. Open the Themes tab and pick one from the list, change the colors as you wish. Go to the Tiles menu and click on the blank images to add icons needed.įor the theme, you can choose one from the list that Microsoft supplies. To add icons for the menu items, click the edit button for each of them and click the default icon of each item and pick the image for the list item. To do this, click on the edit button of the menu tile (the second that looks like a pencil) and choose the Photo Left layout, which shows a thumbnail picture of the item and the name. I’d like to have these items as a list, stacked on top of each other. You can continue with the other menu items in the same way. To save the changes, click on the Save button (if you forget to save, you’ll be prompted to save before switching). The first URL will be HTML and CSS for Menu action title and for Menu Item Action Value. Click it and add 9 menu items to represent SitePoint categories. The first, resembling a hamburger icon, adds content into the menu. It will create a blue tile identifying the menu screen just built. Click on the Menu button and set the title to SitePoint.

The first screen we’re building will be a menu.

Appstudio book