Left side bar or flyout in windows 8 xaml for metro app

Question

Hi everyone , 

I am developing windows 8 metro app using C# xaml . here i need to have left side bar . i know there is one .dll TCD which provide the functionality for right side bar (Called FlyOut) but that is useful in case of Right Side Bar, But for my Problem i need to have the Flyout In Left Side .Please help me out if you guys have any idea about how to achieve that ? thanks in advance .

Objective -
Left Side Bar or Flyout in Windows 8 Metro app . 

Answer 1

Hi Shivam,

There is nothing built in for this in Windows 8, but you can do essentially the same thing you'd do to create a right side flyout but reverse it to the left.

In Windows 8.1 you can use the Flyout control and place it to the left of your window.

--Rob

Answer 2

Hi Rob , 

thanks for your response . but in TCD dll they have already mentioned that it is for only right side bar , cant possible in left side . and next things is that i am using 8.0 not 8.1 so suggest me something which i can really do for the same .waiting for your response . 

Answer 3

Hi,

the Okra Framework on CodePlex contains a FlyOutPane. It comes with a constructor that allows you to specify the so-called FlyOutEdge (i.e. left or right).

Here's the source code for that control, in case you don't want to reference the whole framework in your app.

Answer 4

check this flyout

its a popup too

http://code.msdn.microsoft.com/Flyout-HTTP-POSTGET-7d16179c

Answer 5

Hi , Diederik, 

Thanks for your valuable response . I tried your Okra Framework in my project and find some difficulty to implement here . i created class file and calling from my UI by creating object and calling show() method . it is displaying just one screen but not creating flyout for me . i am calling from my UI like this . 

           

 FlyoutPane objFlyoutPane = new FlyoutPane(FlyoutEdge.Left, true);
   objFlyoutPane.Show(objFlyoutPane );

am i doing something wrong here or other Efforts i need to do please let me know .

Thanks in Advance 

Answer 6

Thanks Rob , 

Rob may i know that Have you tried in 8.1 "The Left Flyout " ? if you done then what is required to do that in my environment  My environment  is vs 2012 with 4.5 framework . and OS is 8.0 .

Answer 7

Hi Shivam,

You must write something like this

            var objFlyoutPane = new FlyoutPane(FlyoutEdge.Left, true);
            var leftBar = new LeftSideBard(Frame);

            objFlyoutPane.Show(leftBar);

---

"La invensibilidad reside en la defensa, la posibilidad de victoria, en el ataque." -Sun Tzu, El arte de la querra