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;
and then;
followed by changing the icon on that button;
and adding a Flyout;
and putting some content into it;
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;
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;
and then tweak;
and that seems to do the trick;