How to create a flyout which appears from right side of screen on image tap event?

Question

I am working on Windows Store App which requires to provide some filter options to user when he taps on filter icon. I am aware how to use flyouts but I am stucked on how to meet my requirement. Please suggest. I want to do something similar like shown in below images

When user clicks on filter,flyout must open from right side of the screen similar to below image.

Please suggest.

Answer 1

you can do it like Nasser said to you, by adding some storyboard to a grid via Blend, or by adding a custom SettingFlyout as this sample shows how to do it https://code.msdn.microsoft.com/windowsapps/App-settings-sample-1f762f49