How to make PanoramaItem use all the screen width on Windows Phone

Question

I need my app to open on a first PanoramaItem that occupy the full screen width, without showing part of the next PanamoraItem.

On the Facebook app we have exactly what I need: the first page open uses all the screen but if the user selects the button on the left top corner OR if he swipes to the right, then in both case the menu of options is open occupying only part of the screen so the user sees that he can swipe to the left to go back to the main page (his timeline) in 'fullscreen'. On the right side of the main page the same thing happens if he swipes to the left or if he presses the Chat option, opening a list of friends on the right side and not occupying all the screen width available.

Anyone knows a sample that does the same, or could suggest me a control or something that could lead me to the expected result? Maybe if someone at least suggest me how I could use the full width of the screen in one specific PanoramaItem I could manage to get to what I need.

Thanks =)

Answer 1

Ok, I just found the project SettingsPageAnimation which does exactly what I want at least with the left menu. The linked page includes a video showing how it works ;)

Answer 2

Have you tried Pivot control ? In which pivot item will occupy full width of the screen, also there is a heading in top to navigate.

For deatil : http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff941098(v=vs.105).aspx