Mike Taulty's Blog
Bits and Bytes from Microsoft UK
Windows 8.1 (Preview): Flyout, MaxWidth and FlyoutPresenter

Blogs

Mike Taulty's Blog

Elsewhere

Archives

A simple thing, if you create a XAML UI you’ll find it pretty easy in Visual Studio 2013 to make something like a CommandBar button which has a Flyout associated with it. For example;

image

and then;

image

followed by changing the icon on that button;

image

and adding a Flyout;

image

and putting some content into it;

image

then that’s all fine but one thing that might be a bit tricky is getting that Flyout to display its full width. Both at design-time above and at runtime as below;

image

Now, it’s possible that this is against design guidelines but, either way, it wasn’t immediately obvious how to get that Flyout to size to content rather than scrolling/clipping. There’s another entity in play here, the FlyoutPresenter. It’s possible to see this;

image

and then tweak;

image

and that seems to do the trick;

image


Posted Mon, Oct 14 2013 9:42 PM by mtaulty
Filed under: , , ,

Comments

MSDN UK Team blog wrote Windows 8.1 (Preview): Flyout, MaxWidth and FlyoutPresenter
on Mon, Oct 14 2013 10:15 PM

A simple thing, if you create a XAML UI you’ll find it pretty easy in Visual Studio 2013 to make something

Jason Haley wrote Interesting Finds: October 15, 2013
on Tue, Oct 15 2013 11:07 AM

Interesting Finds: October 15, 2013

Shivam wrote re: Windows 8.1 (Preview): Flyout, MaxWidth and FlyoutPresenter
on Mon, Oct 28 2013 7:33 AM

Can we have flyout on left side of screen by using this control . please help me out to find the answer . its been couple of days for me to search this thing . will microsoft guideline approve this thing to let go on store .?