diff --git a/MahApps.Metro/Controls/MetroPopover.cs b/MahApps.Metro/Controls/MetroPopover.cs
new file mode 100644
index 0000000000..644909ec31
--- /dev/null
+++ b/MahApps.Metro/Controls/MetroPopover.cs
@@ -0,0 +1,390 @@
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Markup;
+using System.Windows.Media;
+using System.Windows.Media.Animation;
+
+namespace MahApps.Metro.Controls
+{
+   
+    [ContentProperty("Content")]
+    public class MetroPopover : FrameworkElement
+    {
+        #region Disposable event handler
+
+        static class Disposable
+        {
+            public static IDisposable Subscription<TEventHandler>(Action<TEventHandler> subscribe, Action<TEventHandler> unsubscribe, TEventHandler handler)
+            {
+                subscribe(handler);
+                return new DisposableSubscription<TEventHandler>(unsubscribe, handler);
+            }
+        }
+
+        /// <summary>
+        /// Unsubscribes the given event handler on disposal.
+        /// </summary>
+        class DisposableSubscription<TEventHandler> : IDisposable
+        {
+            readonly Action<TEventHandler> description;
+            readonly TEventHandler handler;
+
+            public DisposableSubscription(Action<TEventHandler> unsubscribe, TEventHandler handler)
+            {
+                this.description = unsubscribe;
+                this.handler = handler;
+            }
+
+            public void Dispose()
+            {
+                description(handler);
+            }
+        }
+
+        #endregion
+
+        #region Popover adorner
+
+        // see tech.pro/tutorial/856/wpf-tutorial-using-a-visual-collection by Michael Kuehl
+
+        class PopoverAdorner : Adorner
+        {
+            readonly VisualCollection _visuals;
+            readonly MetroPopover _popover;
+            readonly MetroPopoverWindow _popoverWindow;
+
+            public PopoverAdorner(UIElement adornedElement, MetroPopover popover)
+                : base(adornedElement)
+            {
+                _popover = popover;
+                _visuals = new VisualCollection(this);
+                _popoverWindow = new MetroPopoverWindow(popover) {
+                    Content = popover.Content
+                };
+
+                // bind key popover window properties to the popovers           
+                _popoverWindow.SetBinding(MetroPopoverWindow.HorizontalAlignmentProperty, new Binding("HorizontalAlignment") { Source = popover, Mode = BindingMode.OneWay });
+                //_popoverWindow.SetBinding(MetroPopoverWindow.WidthProperty, new Binding("Width") { Source = popover, Mode = BindingMode.OneWay });
+                //_popoverWindow.SetBinding(MetroPopoverWindow.MinWidthProperty, new Binding("MinWidth") { Source = popover, Mode = BindingMode.OneWay });
+                //_popoverWindow.SetBinding(MetroPopoverWindow.MaxWidthProperty, new Binding("MaxWidth") { Source = popover, Mode = BindingMode.OneWay });
+                _visuals.Add(_popoverWindow);
+            }
+            
+            public MetroPopover Popover
+            {
+                get { return _popover; }
+            }
+
+            public MetroPopoverWindow PopoverWindow
+            {
+                get { return _popoverWindow; }
+            }
+
+            public void UpdateContent(object content)
+            {
+                _popoverWindow.Content = content;
+            }
+
+            public void ShowWindow()
+            {
+                Attach();
+                _popoverWindow.Show();
+            }
+
+            public void HideWindow()
+            {
+                _popoverWindow.Hide();
+                Detach();
+            }
+
+            public bool IsWindowOpen()
+            {
+                return _popoverWindow.IsLoaded && _popoverWindow.Opacity > 0;                
+            }
+
+            public void Detach()
+            {
+                var adornerLayer = AdornerLayer.GetAdornerLayer(AdornedElement);
+                if (adornerLayer != null) {
+                    adornerLayer.Remove(this);
+                }
+            }
+            
+            public void Attach()
+            {
+                var adornerLayer = AdornerLayer.GetAdornerLayer(AdornedElement);
+                if (adornerLayer != null && !IsAttachedTo(adornerLayer)) {
+                    adornerLayer.Add(this);
+                }
+            }
+
+            bool IsAttachedTo(AdornerLayer adornerLayer)
+            {
+                if (adornerLayer != null) {
+                    var adorners = adornerLayer.GetAdorners(AdornedElement);
+                    return adorners != null && adorners.Contains(this);
+                } else {
+                    return false;
+                }
+            }
+
+            bool IsAdornedElementLoaded()
+            {
+                if (AdornedElement is FrameworkElement) {
+                    return ((FrameworkElement)AdornedElement).IsLoaded;
+                } else {
+                    return true;
+                }
+            }
+
+            protected override Size MeasureOverride(Size constraint)
+            {                
+                _popoverWindow.Measure(constraint);
+                return _popoverWindow.DesiredSize;
+            }
+
+            protected override Size ArrangeOverride(Size finalSize)
+            {            
+                var targetSize = AdornedElement.RenderSize;
+
+                double offsetX;
+                if (Popover.HorizontalAlignment == System.Windows.HorizontalAlignment.Left) {
+                    offsetX = 0;
+                } else if (Popover.HorizontalAlignment == System.Windows.HorizontalAlignment.Right) {
+                    offsetX = targetSize.Width - finalSize.Width;
+                } else if (Popover.HorizontalAlignment == System.Windows.HorizontalAlignment.Center || Popover.HorizontalAlignment == System.Windows.HorizontalAlignment.Stretch) {
+                    offsetX = (targetSize.Width - finalSize.Width) / 2.0;
+                } else {
+                    offsetX = 0;
+                }
+
+                var offsetY = AdornedElement.RenderSize.Height;
+                if (AdornedElement is Control) {
+                    offsetY -= ((Control)AdornedElement).Margin.Bottom;
+                }
+
+                _popoverWindow.Arrange(new Rect(offsetX, offsetY, finalSize.Width, finalSize.Height));
+                return _popoverWindow.RenderSize;
+            }
+
+            protected override Visual GetVisualChild(int index)
+            {
+                return _visuals[index];
+            }
+
+            protected override int VisualChildrenCount
+            {
+                get { return _visuals.Count; }
+            }
+        }
+
+        #endregion
+
+        PopoverAdorner _adorner;
+        IDisposable _previewOwningWindowClickSubscription;
+
+        static MetroPopover()
+        {
+            DefaultStyleKeyProperty.OverrideMetadata(typeof(MetroPopover), new FrameworkPropertyMetadata(typeof(MetroPopover)));
+
+            // Ensure visibility is always collapsed
+            UIElement.VisibilityProperty.OverrideMetadata(typeof(MetroPopover), new FrameworkPropertyMetadata(Visibility.Collapsed, null, new CoerceValueCallback(MetroPopover.CoerceCollapsedVisibility)));
+        }
+
+        private static object CoerceCollapsedVisibility(DependencyObject d, object baseValue)
+        {
+            return Visibility.Collapsed;
+        }
+
+        public MetroPopover()
+        {
+            this.Loaded += OnLoaded;
+            this.Unloaded += OnUnloaded;
+        }
+        
+        public static readonly DependencyProperty ContentProperty = DependencyProperty.Register("Content", typeof(object), typeof(MetroPopover), new PropertyMetadata(null, OnContentChanged));
+        public static readonly DependencyProperty IsOpenProperty = DependencyProperty.Register("IsOpen", typeof(bool), typeof(MetroPopover), new PropertyMetadata(false, OnIsOpenChanged));
+        public static readonly DependencyProperty TargetProperty = DependencyProperty.Register("Target", typeof(UIElement), typeof(MetroPopover), new PropertyMetadata(null, OnTargetChanged));
+        public static readonly DependencyProperty AutoCloseProperty = DependencyProperty.Register("AutoClose", typeof(bool), typeof(MetroPopover), new PropertyMetadata(true));
+
+        /// <summary>
+        /// The element to place the popover under. Note horizontal placement is controlled via the <see cref="HorizontalAlignment"/> property.
+        /// </summary>
+        public UIElement Target
+        {
+            get { return (UIElement)GetValue(TargetProperty); }
+            set { SetValue(TargetProperty, value); }
+        }
+        
+        /// <summary>
+        /// Gets or sets the content to be displayed in the popover.
+        /// </summary>
+        public object Content
+        {
+            get { return (object)GetValue(ContentProperty); }
+            set { SetValue(ContentProperty, value); }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating if the popover open. 
+        /// </summary>
+        public bool IsOpen
+        {
+            get { return (bool)GetValue(IsOpenProperty); }
+            set { SetValue(IsOpenProperty, value); }
+        }
+
+        /// <summary>
+        /// Gets or sets a <see cref="Boolean"/> value that indicates if the popover should be automatically closed when the user clicks else where in the owning window.
+        /// </summary>
+        public bool AutoClose
+        {
+            get { return (bool)GetValue(AutoCloseProperty); }
+            set { SetValue(AutoCloseProperty, value); }
+        }
+
+        /// <summary>
+        /// Opens the popover.
+        /// </summary>
+        public void Open()
+        {
+            IsOpen = true;
+        }
+
+        /// <summary>
+        /// Closes the popover.
+        /// </summary>
+        public void Close()
+        {
+            IsOpen = false;
+        }
+
+        /// <summary>
+        /// A last chance virtual method for stopping an popover from closing.
+        /// </summary>
+        /// <returns></returns>
+        protected virtual bool OnRequestClose()
+        {
+            return true; //allow the dialog to close.
+        }
+
+        private static void OnTargetChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            var popover = (MetroPopover)d;
+            popover.SetupAdorner();
+        }
+
+        private static void OnContentChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            var popover = (MetroPopover)d;
+            var oldChild = e.OldValue;
+            var newChild = e.NewValue;
+
+            // rebuild 
+            if (popover._adorner != null) {
+                popover._adorner.UpdateContent(newChild);
+            }
+        }
+        
+        private static void OnIsOpenChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            var popover = (MetroPopover)d;
+            var isOpen = (bool)e.NewValue;
+
+            if (popover._adorner != null) {
+                if (isOpen) {
+                    popover._adorner.ShowWindow();
+                } else {
+                    popover._adorner.HideWindow();
+                }
+            }
+        }
+
+        // Attach to parent window.
+
+        void OnLoaded(object sender, RoutedEventArgs e)
+        {
+            Window owner = this.TryFindParent<Window>();
+            if (owner != null && _previewOwningWindowClickSubscription == null) {
+                _previewOwningWindowClickSubscription = Disposable.Subscription<MouseButtonEventHandler>(handler => owner.PreviewMouseDown += handler, handler => owner.PreviewMouseDown -= handler, OnPreviewOwningWindowMouseDown);
+            }
+        }
+
+        void OnUnloaded(object sender, RoutedEventArgs e)
+        {
+            if (_previewOwningWindowClickSubscription != null) {
+                _previewOwningWindowClickSubscription.Dispose();
+                _previewOwningWindowClickSubscription = null;
+            }
+        }
+        
+        private void OnPreviewOwningWindowMouseDown(object sender, MouseButtonEventArgs e)
+        {            
+            var originalSource = e.OriginalSource as DependencyObject;
+            if (AutoClose && IsPopoverOpen() &&
+                originalSource != null &&    // didn't click on target or popover (adorner)
+                !IsDescendant(Target, originalSource) &&
+                !IsDescendant(_adorner.PopoverWindow, originalSource)) {
+                Close();
+            }
+        }
+
+        protected override Size MeasureOverride(Size availableSize)
+        {
+            // The MetroPopover control itself isn't ever rendered on screen so set the measure to 0.
+            return default(Size);
+        }
+
+        /// <summary>
+        /// Programically determines if the popover is actually open & visible.
+        /// </summary>
+        /// <returns></returns>
+        bool IsPopoverOpen()
+        {
+            return _adorner != null && _adorner.IsWindowOpen();
+        }
+
+        private void SetupAdorner()
+        {
+            if (_adorner == null || _adorner.AdornedElement != Target) {
+                if (_adorner != null) {
+                    _adorner.Detach();
+                    this.RemoveLogicalChild(_adorner.PopoverWindow);
+
+                    _adorner = null;
+                }
+
+                if (Target != null) {
+                    _adorner = new PopoverAdorner(Target, this);
+                    this.AddLogicalChild(_adorner.PopoverWindow);
+                }
+            }
+        }
+
+
+        static bool IsDescendant(DependencyObject reference, DependencyObject node)
+        {
+            bool result = false;
+            DependencyObject dependencyObject = node;
+            while (dependencyObject != null) {
+                if (dependencyObject == reference) {
+                    result = true;
+                    break;
+                }
+
+                dependencyObject = dependencyObject.GetParentObject();
+            }
+            return result;
+        }
+    }
+}
diff --git a/MahApps.Metro/Controls/MetroPopoverWindow.cs b/MahApps.Metro/Controls/MetroPopoverWindow.cs
new file mode 100644
index 0000000000..ca4f1c362a
--- /dev/null
+++ b/MahApps.Metro/Controls/MetroPopoverWindow.cs
@@ -0,0 +1,50 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Media.Animation;
+
+namespace MahApps.Metro.Controls
+{
+    public class MetroPopoverWindow : ContentControl
+    {
+        readonly MetroPopover _popover;
+
+        static MetroPopoverWindow()
+        {
+            DefaultStyleKeyProperty.OverrideMetadata(typeof(MetroPopoverWindow), new FrameworkPropertyMetadata(typeof(MetroPopoverWindow)));
+        }
+
+        public MetroPopoverWindow(MetroPopover popover)
+        {
+            _popover = popover;
+        }
+
+
+        /// <summary>
+        /// Waits for the popover to become ready for interaction.
+        /// </summary>
+        /// <returns>A task that represents the operation and it's status.</returns>
+        public void Show()
+        {
+            Dispatcher.VerifyAccess();
+
+
+            this.Opacity = 1.0; 
+            this.Visibility = System.Windows.Visibility.Visible;
+        }
+
+        public void Hide()
+        {
+            Dispatcher.VerifyAccess();
+
+            this.Opacity = 0.0;
+            this.Visibility = System.Windows.Visibility.Collapsed;
+        }
+
+    }
+
+}
diff --git a/MahApps.Metro/Controls/MetroWindow.cs b/MahApps.Metro/Controls/MetroWindow.cs
index 1817854ecd..7e139187a3 100644
--- a/MahApps.Metro/Controls/MetroWindow.cs
+++ b/MahApps.Metro/Controls/MetroWindow.cs
@@ -500,7 +500,7 @@ public string WindowTitle
         {
             get { return TitleCaps ? Title.ToUpper() : Title; }
         }
-
+        
         /// <summary>
         /// Begins to show the MetroWindow's overlay effect.
         /// </summary>
@@ -541,6 +541,7 @@ public System.Threading.Tasks.Task ShowOverlayAsync()
 
             return tcs.Task;
         }
+
         /// <summary>
         /// Begins to hide the MetroWindow's overlay effect.
         /// </summary>
diff --git a/MahApps.Metro/MahApps.Metro.NET45.csproj b/MahApps.Metro/MahApps.Metro.NET45.csproj
index aefbd61611..dc2ca05239 100644
--- a/MahApps.Metro/MahApps.Metro.NET45.csproj
+++ b/MahApps.Metro/MahApps.Metro.NET45.csproj
@@ -114,6 +114,8 @@
     <Compile Include="Controls\MetroAnimatedSingleRowTabControl.cs" />
     <Compile Include="Controls\MetroAnimatedTabControl.cs" />
     <Compile Include="Controls\MetroNavigationWindow.cs" />
+    <Compile Include="Controls\MetroPopover.cs" />
+    <Compile Include="Controls\MetroPopoverWindow.cs" />
     <Compile Include="Controls\MetroProgressBar.cs" />
     <Compile Include="Controls\MetroTabControl.cs" />
     <Compile Include="Controls\MetroTabItem.cs" />
@@ -524,6 +526,10 @@
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </Page>
+    <Page Include="Themes\MetroPopover.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="Themes\MetroProgressBar.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
diff --git a/MahApps.Metro/MahApps.Metro.csproj b/MahApps.Metro/MahApps.Metro.csproj
index a2d77860e7..46704ed92e 100644
--- a/MahApps.Metro/MahApps.Metro.csproj
+++ b/MahApps.Metro/MahApps.Metro.csproj
@@ -117,6 +117,7 @@
     <Compile Include="Controls\MetroAnimatedSingleRowTabControl.cs" />
     <Compile Include="Controls\MetroAnimatedTabControl.cs" />
     <Compile Include="Controls\MetroNavigationWindow.cs" />
+    <Compile Include="Controls\MetroPopoverWindow.cs" />
     <Compile Include="Controls\MetroProgressBar.cs" />
     <Compile Include="Controls\MetroTabControl.cs" />
     <Compile Include="Controls\MetroTabItem.cs" />
@@ -127,6 +128,7 @@
     <Compile Include="Controls\PasswordBoxHelper.cs" />
     <Compile Include="Controls\Pivot.cs" />
     <Compile Include="Controls\PivotItem.cs" />
+    <Compile Include="Controls\MetroPopover.cs" />
     <Compile Include="Controls\Position.cs" />
     <Compile Include="Controls\RangeParameterChangedEventArgs.cs" />
     <Compile Include="Controls\SafeRaise.cs" />
@@ -461,6 +463,10 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="Themes\MetroPopover.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="Themes\Dialogs\BaseMetroDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
diff --git a/MahApps.Metro/Themes/Generic.xaml b/MahApps.Metro/Themes/Generic.xaml
index 2377b24c10..65f4fd7eed 100644
--- a/MahApps.Metro/Themes/Generic.xaml
+++ b/MahApps.Metro/Themes/Generic.xaml
@@ -24,6 +24,7 @@
         <ResourceDictionary Source="/MahApps.Metro;component/Themes/Tile.xaml" />
         <ResourceDictionary Source="/MahApps.Metro;component/Themes/ToggleSwitch.xaml" />
         <ResourceDictionary Source="/MahApps.Metro;component/Themes/TransitioningContentControl.xaml" />
+        <ResourceDictionary Source="/MahApps.Metro;component/Themes/MetroPopover.xaml" />
 
         <ResourceDictionary Source="/MahApps.Metro;component/Themes/Dialogs/BaseMetroDialog.xaml" />
     </ResourceDictionary.MergedDictionaries>
diff --git a/MahApps.Metro/Themes/MetroPopover.xaml b/MahApps.Metro/Themes/MetroPopover.xaml
new file mode 100644
index 0000000000..ff9296c3ab
--- /dev/null
+++ b/MahApps.Metro/Themes/MetroPopover.xaml
@@ -0,0 +1,59 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:Controls="clr-namespace:MahApps.Metro.Controls">
+    <ControlTemplate x:Key="MetroPopoverWindowTemplate"
+                     TargetType="{x:Type Controls:MetroPopoverWindow}">
+        <Grid Name="MainGrid" Background="{DynamicResource TransparentWhiteBrush}" HorizontalAlignment="Left" VerticalAlignment="Top" MaxWidth="{TemplateBinding MaxWidth}" MinWidth="{TemplateBinding MinWidth}">
+            <Grid>
+                <Grid.Effect>
+                    <DropShadowEffect Direction="315" Color="{DynamicResource BlackColor}" ShadowDepth="1" BlurRadius="4" Opacity="0.6" />
+                </Grid.Effect>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition />
+                </Grid.RowDefinitions>
+                <Image Grid.Row="0" Name="arrowIcon" Width="20" Height="10" RenderTransformOrigin="0.5,0.5">
+                    <Image.Source>
+                        <DrawingImage>
+                            <DrawingImage.Drawing>
+                                <GeometryDrawing x:Name="arrowDrawing" Brush="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}" Geometry="M0,0 L1,0 0.5,-0.5z" />
+                            </DrawingImage.Drawing>
+                        </DrawingImage>
+                    </Image.Source>
+                </Image>
+                <Grid Grid.Row="1" Background="{TemplateBinding Background}" Margin="0,-1,0,0" />
+            </Grid>
+            <ContentPresenter x:Name="PART_ContentPresenter"
+                        Margin="6 15 5 5"
+                        Content="{TemplateBinding Content}"
+                        DataContext="{TemplateBinding DataContext}" />
+        </Grid>
+        <ControlTemplate.Triggers>
+            <Trigger Property="HorizontalAlignment" Value="Left">
+                <Setter TargetName="arrowIcon" Property="HorizontalAlignment" Value="Left" />
+                <Setter TargetName="arrowIcon" Property="Margin" Value="8,0,0,0" />
+            </Trigger>
+            <Trigger Property="HorizontalAlignment" Value="Right">
+                <Setter TargetName="arrowIcon" Property="HorizontalAlignment" Value="Right" />
+                <Setter TargetName="arrowIcon" Property="Margin" Value="0,0,8,0" />
+            </Trigger>
+        </ControlTemplate.Triggers>
+    </ControlTemplate>
+
+    <Style TargetType="{x:Type Controls:MetroPopoverWindow}">
+        <Setter Property="Background"
+                Value="{DynamicResource WhiteBrush}" />
+        <Setter Property="Foreground"
+                Value="{DynamicResource BlackBrush}" />
+        <Setter Property="Template"
+                Value="{StaticResource MetroPopoverWindowTemplate}" />
+        <Setter Property="FocusVisualStyle"
+                Value="{x:Null}" />
+        <Setter Property="KeyboardNavigation.TabNavigation"
+                Value="Cycle" />
+        <Setter Property="KeyboardNavigation.DirectionalNavigation"
+                Value="Cycle" />
+        <Setter Property="Opacity" Value="0" />
+        <Setter Property="Visibility" Value="Collapsed" />
+    </Style>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/samples/MetroDemo/ExampleViews/OtherExamples.xaml b/samples/MetroDemo/ExampleViews/OtherExamples.xaml
index 7f233676ff..31fa6088f7 100644
--- a/samples/MetroDemo/ExampleViews/OtherExamples.xaml
+++ b/samples/MetroDemo/ExampleViews/OtherExamples.xaml
@@ -18,179 +18,228 @@
         </ResourceDictionary>
     </UserControl.Resources>
 
-    <Grid>
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition />
-            <ColumnDefinition />
-            <ColumnDefinition />
-        </Grid.ColumnDefinitions>
-        <Grid.RowDefinitions>
-            <RowDefinition />
-            <RowDefinition />
-        </Grid.RowDefinitions>
-        <StackPanel>
-            <Label Content="Transitions"
-                   Style="{DynamicResource DescriptionHeaderStyle}" />
-            <Controls:TransitioningContentControl x:Name="transitioning"
-                                                  Width="250"
-                                                  Height="50"
-                                                  Margin="0, 10, 0, 0"
-                                                  Transition="Down" />
-            <Controls:TransitioningContentControl x:Name="customTransitioning"
-                                                  Width="250"
-                                                  Height="50"
-                                                  Margin="0, 10, 0, 0"
-                                                  Transition="Custom">
-                <Controls:TransitioningContentControl.CustomVisualStates>
-                    <VisualState x:Name="CustomTransition">
-                        <Storyboard>
-                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
-                                                           Storyboard.TargetName="CurrentContentPresentationSite"
-                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
-                                <SplineDoubleKeyFrame KeyTime="00:00:00"
-                                                      Value="0" />
-                                <SplineDoubleKeyFrame KeyTime="00:00:00.700"
-                                                      Value="1" />
-                            </DoubleAnimationUsingKeyFrames>
-                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
-                                                           Storyboard.TargetName="PreviousContentPresentationSite"
-                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
-                                <SplineDoubleKeyFrame KeyTime="00:00:00"
-                                                      Value="1" />
-                                <SplineDoubleKeyFrame KeyTime="00:00:00.700"
-                                                      Value="0" />
-                            </DoubleAnimationUsingKeyFrames>
-                        </Storyboard>
-                    </VisualState>
-                </Controls:TransitioningContentControl.CustomVisualStates>
-            </Controls:TransitioningContentControl>
-            <Controls:TransitioningContentControl x:Name="SecondcustomTransitioning"
-                                                  Width="250"
-                                                  Height="50"
-                                                  Margin="0, 10, 0, 0"
-                                                  Transition="Custom"
-                                                  CustomVisualStatesName="SecondCustomTransition">
-                <Controls:TransitioningContentControl.CustomVisualStates>
-                    <VisualState x:Name="SecondCustomTransition">
-                        <Storyboard>
-                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
-                                                           Storyboard.TargetName="CurrentContentPresentationSite"
-                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
-                                <SplineDoubleKeyFrame KeyTime="00:00:00"
-                                                      Value="0" />
-                                <SplineDoubleKeyFrame KeyTime="00:00:00.5"
-                                                      Value="0" />
-                                <EasingDoubleKeyFrame KeyTime="00:00:01"
-                                                      Value="1">
-                                    <EasingDoubleKeyFrame.EasingFunction>
-                                        <SineEase />
-                                    </EasingDoubleKeyFrame.EasingFunction>
-                                </EasingDoubleKeyFrame>
-                            </DoubleAnimationUsingKeyFrames>
-                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
-                                                           Storyboard.TargetName="PreviousContentPresentationSite"
-                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
-                                <SplineDoubleKeyFrame KeyTime="00:00:00"
-                                                      Value="1" />
-                                <SplineDoubleKeyFrame KeyTime="00:00:00.5"
-                                                      Value="0" />
-                            </DoubleAnimationUsingKeyFrames>
-                        </Storyboard>
-                    </VisualState>
-                </Controls:TransitioningContentControl.CustomVisualStates>
-            </Controls:TransitioningContentControl>
-        </StackPanel>
-        <Grid Grid.Row="1"
-              Grid.ColumnSpan="2"
-              Grid.Column="0">
-            <Label Content="Context menu"
-                   Style="{DynamicResource DescriptionHeaderStyle}" />
-            <Label HorizontalAlignment="Stretch"
-                   VerticalAlignment="Stretch"
-                   HorizontalContentAlignment="Center"
-                   VerticalContentAlignment="Center"
-                   Content="Right click here to open a context menu">
-                <Label.ContextMenu>
-                    <ContextMenu>
-                        <MenuItem Header="Menu 1">
-                            <MenuItem Header="Submenu 1"
+    <AdornerDecorator>
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition />
+                <ColumnDefinition />
+                <ColumnDefinition />
+                <ColumnDefinition />
+            </Grid.ColumnDefinitions>
+            <Grid.RowDefinitions>
+                <RowDefinition />
+                <RowDefinition />
+            </Grid.RowDefinitions>
+            <StackPanel>
+                <Label Content="Transitions"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <Controls:TransitioningContentControl x:Name="transitioning"
+                                                      Width="250"
+                                                      Height="50"
+                                                      Margin="0, 10, 0, 0"
+                                                      Transition="Down" />
+                <Controls:TransitioningContentControl x:Name="customTransitioning"
+                                                      Width="250"
+                                                      Height="50"
+                                                      Margin="0, 10, 0, 0"
+                                                      Transition="Custom">
+                    <Controls:TransitioningContentControl.CustomVisualStates>
+                        <VisualState x:Name="CustomTransition">
+                            <Storyboard>
+                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
+                                                               Storyboard.TargetName="CurrentContentPresentationSite"
+                                                               Storyboard.TargetProperty="(UIElement.Opacity)">
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00"
+                                                          Value="0" />
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00.700"
+                                                          Value="1" />
+                                </DoubleAnimationUsingKeyFrames>
+                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
+                                                               Storyboard.TargetName="PreviousContentPresentationSite"
+                                                               Storyboard.TargetProperty="(UIElement.Opacity)">
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00"
+                                                          Value="1" />
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00.700"
+                                                          Value="0" />
+                                </DoubleAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </VisualState>
+                    </Controls:TransitioningContentControl.CustomVisualStates>
+                </Controls:TransitioningContentControl>
+                <Controls:TransitioningContentControl x:Name="SecondcustomTransitioning"
+                                                      Width="250"
+                                                      Height="50"
+                                                      Margin="0, 10, 0, 0"
+                                                      Transition="Custom"
+                                                      CustomVisualStatesName="SecondCustomTransition">
+                    <Controls:TransitioningContentControl.CustomVisualStates>
+                        <VisualState x:Name="SecondCustomTransition">
+                            <Storyboard>
+                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
+                                                               Storyboard.TargetName="CurrentContentPresentationSite"
+                                                               Storyboard.TargetProperty="(UIElement.Opacity)">
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00"
+                                                          Value="0" />
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00.5"
+                                                          Value="0" />
+                                    <EasingDoubleKeyFrame KeyTime="00:00:01"
+                                                          Value="1">
+                                        <EasingDoubleKeyFrame.EasingFunction>
+                                            <SineEase />
+                                        </EasingDoubleKeyFrame.EasingFunction>
+                                    </EasingDoubleKeyFrame>
+                                </DoubleAnimationUsingKeyFrames>
+                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
+                                                               Storyboard.TargetName="PreviousContentPresentationSite"
+                                                               Storyboard.TargetProperty="(UIElement.Opacity)">
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00"
+                                                          Value="1" />
+                                    <SplineDoubleKeyFrame KeyTime="00:00:00.5"
+                                                          Value="0" />
+                                </DoubleAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </VisualState>
+                    </Controls:TransitioningContentControl.CustomVisualStates>
+                </Controls:TransitioningContentControl>
+            </StackPanel>
+            <Grid Grid.Row="1"
+                  Grid.ColumnSpan="2"
+                  Grid.Column="0">
+                <Label Content="Context menu"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <Label HorizontalAlignment="Stretch"
+                       VerticalAlignment="Stretch"
+                       HorizontalContentAlignment="Center"
+                       VerticalContentAlignment="Center"
+                       Content="Right click here to open a context menu">
+                    <Label.ContextMenu>
+                        <ContextMenu>
+                            <MenuItem Header="Menu 1">
+                                <MenuItem Header="Submenu 1"
+                                          IsChecked="True" />
+                                <MenuItem Header="Submenu 1"
+                                          IsChecked="True"
+                                          IsEnabled="False" />
+                                <MenuItem Header="Submenu 2" />
+                                <MenuItem Header="Submenu 3"
+                                          IsEnabled="False" />
+                            </MenuItem>
+                            <MenuItem Header="Menu 2" />
+                            <MenuItem Header="Menu 3"
                                       IsChecked="True" />
-                            <MenuItem Header="Submenu 1"
+                            <MenuItem Header="Menu 4"
                                       IsChecked="True"
                                       IsEnabled="False" />
-                            <MenuItem Header="Submenu 2" />
-                            <MenuItem Header="Submenu 3"
+                            <MenuItem Header="Menu 5" />
+                            <MenuItem Header="Menu 6"
                                       IsEnabled="False" />
-                        </MenuItem>
-                        <MenuItem Header="Menu 2" />
-                        <MenuItem Header="Menu 3"
-                                  IsChecked="True" />
-                        <MenuItem Header="Menu 4"
-                                  IsChecked="True"
-                                  IsEnabled="False" />
-                        <MenuItem Header="Menu 5" />
-                        <MenuItem Header="Menu 6"
-                                  IsEnabled="False" />
-                    </ContextMenu>
-                </Label.ContextMenu>
-            </Label>
-        </Grid>
-        <StackPanel Grid.Column="2"
-                    Grid.Row="0"
-                    Grid.RowSpan="2">
-            <Label Content="FlipView"
-                   Style="{DynamicResource DescriptionHeaderStyle}" />
-            <StackPanel Orientation="Horizontal"
-                        Height="20"
-                        Margin="0 0 0 5">
-                <CheckBox Height="20"
-                          Content="Show Banner?"
-                          x:Name="ShowBannerCheckBox"
-                          HorizontalAlignment="Right" />
+                        </ContextMenu>
+                    </Label.ContextMenu>
+                </Label>
+            </Grid>
+            <StackPanel Grid.Column="2"
+                        Grid.Row="0"
+                        Grid.RowSpan="2">
+                <Label Content="FlipView"
+                       Style="{DynamicResource DescriptionHeaderStyle}" />
+                <StackPanel Orientation="Horizontal"
+                            Height="20"
+                            Margin="0 0 0 5">
+                    <CheckBox Height="20"
+                              Content="Show Banner?"
+                              x:Name="ShowBannerCheckBox"
+                              HorizontalAlignment="Right" />
+                </StackPanel>
+                <Controls:FlipView Height="200"
+                                   IsBannerEnabled="{Binding ElementName=ShowBannerCheckBox, Path=IsChecked, UpdateSourceTrigger=PropertyChanged}"
+                                   SelectionChanged="FlipView_SelectionChanged"
+                                   Margin="0, 0, 10, 0">
+                    <Controls:FlipView.Items>
+                        <Grid Background="#2E8DEF">
+                            <Rectangle Margin="0, 0, 10, 0"
+                                       Width="50"
+                                       Height="50">
+                                <Rectangle.Fill>
+                                    <VisualBrush Visual="{StaticResource appbar_cupcake}" />
+                                </Rectangle.Fill>
+                            </Rectangle>
+                        </Grid>
+                        <Grid Background="#00A600">
+                            <Rectangle Margin="0, 0, 10, 0"
+                                       Width="50"
+                                       Height="50">
+                                <Rectangle.Fill>
+                                    <VisualBrush Visual="{StaticResource appbar_xbox}" />
+                                </Rectangle.Fill>
+                            </Rectangle>
+                        </Grid>
+                        <Grid Background="#BF1E4B">
+                            <Rectangle Margin="0, 0, 10, 0"
+                                       Width="50"
+                                       Height="50">
+                                <Rectangle.Fill>
+                                    <VisualBrush Visual="{StaticResource appbar_chess_horse}" />
+                                </Rectangle.Fill>
+                            </Rectangle>
+                        </Grid>
+                    </Controls:FlipView.Items>
+                </Controls:FlipView>
+
+                <Controls:FlipView Height="400"
+                                   IsBannerEnabled="True"
+                                   BannerText="Databound Items"
+                                   ItemTemplateSelector="{Binding FlipViewTemplateSelector, UpdateSourceTrigger=PropertyChanged}"
+                                   ItemsSource="{Binding FlipViewImages, UpdateSourceTrigger=PropertyChanged}"
+                                   Margin="0, 0, 10, 0">
+                </Controls:FlipView>
             </StackPanel>
-            <Controls:FlipView Height="200"
-                               IsBannerEnabled="{Binding ElementName=ShowBannerCheckBox, Path=IsChecked, UpdateSourceTrigger=PropertyChanged}"
-                               SelectionChanged="FlipView_SelectionChanged"
-                               Margin="0, 0, 10, 0">
-                <Controls:FlipView.Items>
-                    <Grid Background="#2E8DEF">
-                        <Rectangle Margin="0, 0, 10, 0"
-                                   Width="50"
-                                   Height="50">
-                            <Rectangle.Fill>
-                                <VisualBrush Visual="{StaticResource appbar_cupcake}" />
-                            </Rectangle.Fill>
-                        </Rectangle>
-                    </Grid>
-                    <Grid Background="#00A600">
-                        <Rectangle Margin="0, 0, 10, 0"
-                                   Width="50"
-                                   Height="50">
-                            <Rectangle.Fill>
-                                <VisualBrush Visual="{StaticResource appbar_xbox}" />
-                            </Rectangle.Fill>
-                        </Rectangle>
+            <Grid Grid.Column="3" Margin="3">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="*" />
+                    <RowDefinition Height="Auto" />
+                </Grid.RowDefinitions>
+                <ToggleButton x:Name="showPopoverBottomLeft">Show Popover</ToggleButton>
+                <Controls:MetroPopover Target="{Binding ElementName=showPopoverBottomLeft}" IsOpen="{Binding ElementName=showPopoverBottomLeft, Path=IsChecked, Mode=TwoWay}" HorizontalAlignment="Left">
+                    This popover is aligned to the bottom left.
+                </Controls:MetroPopover>
+                <ToggleButton x:Name="showPopoverBottomCenter" Grid.Column="2">Show Popover</ToggleButton>
+                <Controls:MetroPopover  Grid.Column="2" Target="{Binding ElementName=showPopoverBottomCenter}" IsOpen="{Binding ElementName=showPopoverBottomCenter, Path=IsChecked, Mode=TwoWay}" 
+                                        HorizontalAlignment="Center">
+                    <TextBlock TextWrapping="WrapWithOverflow">This popover is aligned to the bottom center.</TextBlock> 
+                </Controls:MetroPopover>
+                <ToggleButton x:Name="showPopoverBottomRight" Grid.Column="4">Show Popover</ToggleButton>
+                <Controls:MetroPopover  Grid.Column="4" Target="{Binding ElementName=showPopoverBottomRight}" IsOpen="{Binding ElementName=showPopoverBottomRight, Path=IsChecked, Mode=TwoWay}" HorizontalAlignment="Right">
+                    <Grid Width="200">    
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition Height="6" />
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition Height="6" />
+                            <RowDefinition Height="Auto" />
+                        </Grid.RowDefinitions>
+                        <TextBlock TextWrapping="Wrap">This popover is aligned to the bottom right with form controls.</TextBlock>
+                        <TextBox Grid.Row="2"></TextBox>
+                        <ComboBox Grid.Row="4" >
+                            <ComboBox.Items>
+                                <TextBlock>Item 1</TextBlock>
+                                <TextBlock>Item 2</TextBlock>
+                                <TextBlock>Item 3</TextBlock>
+                                <TextBlock>Item 4</TextBlock>
+                            </ComboBox.Items>
+                        </ComboBox>
                     </Grid>
-                    <Grid Background="#BF1E4B">
-                        <Rectangle Margin="0, 0, 10, 0"
-                                   Width="50"
-                                   Height="50">
-                            <Rectangle.Fill>
-                                <VisualBrush Visual="{StaticResource appbar_chess_horse}" />
-                            </Rectangle.Fill>
-                        </Rectangle>
-                    </Grid>
-                </Controls:FlipView.Items>
-            </Controls:FlipView>
-
-            <Controls:FlipView Height="400"
-                               IsBannerEnabled="True"
-                               BannerText="Databound Items"
-                               ItemTemplateSelector="{Binding FlipViewTemplateSelector, UpdateSourceTrigger=PropertyChanged}"
-                               ItemsSource="{Binding FlipViewImages, UpdateSourceTrigger=PropertyChanged}"
-                               Margin="0, 0, 10, 0">
-            </Controls:FlipView>
-        </StackPanel>
-    </Grid>
+                    
+                </Controls:MetroPopover>
+            </Grid>
+        </Grid>
+    </AdornerDecorator>
 
 </UserControl>
diff --git a/samples/MetroDemo/ExampleViews/OtherExamples.xaml.cs b/samples/MetroDemo/ExampleViews/OtherExamples.xaml.cs
index 14604a2c12..f38aebcbbf 100644
--- a/samples/MetroDemo/ExampleViews/OtherExamples.xaml.cs
+++ b/samples/MetroDemo/ExampleViews/OtherExamples.xaml.cs
@@ -27,7 +27,7 @@ public OtherExamples()
 
             var t = new DispatcherTimer(TimeSpan.FromSeconds(2), DispatcherPriority.Normal, Tick, this.Dispatcher);
         }
-
+                
         void Tick(object sender, EventArgs e)
         {
             var dateTime = DateTime.Now;