OfficeNavigationBar.ShowPeekFormOnItemHover Property

Gets or sets whether a Peek Form is automatically shown when an item is hovered over with the mouse pointer. This is a dependency property.

Namespace: DevExpress.Xpf.Navigation

Assembly: DevExpress.Xpf.Controls.v18.2.dll

Declaration

C#

public bool ShowPeekFormOnItemHover { get; set; }

VB.NET

Public Property ShowPeekFormOnItemHover As Boolean

Property Value

Type	Description
Boolean	true, if a Peek Form is automatically shown when an item is hovered over with the mouse pointer; otherwise, false.

Remarks

By default, when an OfficeNavigationBar item is hovered over with the mouse pointer, the Peek Form associated with the item is automatically displayed. To provide a DataTemplate to render the Peek Form, use the NavigationBarItem.PeekFormTemplate property. See the code snippet below.

XAML

xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui"

<dxnav:NavigationBarItem Content="NavigationBarItem3">
    <dxnav:NavigationBarItem.PeekFormTemplate>
        <DataTemplate>
            <dxwui:Flyout ShowIndicator="True">
                <StackPanel>
                    <dxwui:MenuFlyoutItem Content="90° clockwise" Command="{Binding RotateClockwise}" />
                    <dxwui:MenuFlyoutItem Content="90° counter clockwise" Command="{Binding RotateCounterclockwise}" />
                    <dxwui:MenuFlyoutItem Content="180°" Command="{Binding Rotate180}" />
                    <dxwui:MenuFlyoutSeparator />
                    <dxwui:MenuFlyoutItem Content="Reset" Command="{Binding RotateReset}" />
                </StackPanel>
            </dxwui:Flyout>
        </DataTemplate>
    </dxnav:NavigationBarItem.PeekFormTemplate>
</dxnav:NavigationBarItem>

To prevent Peek Forms from being displayed, set the ShowPeekFormOnItemHover property to false.

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the ShowPeekFormOnItemHover property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

building-outlook-navigation-menu-using-officenavigationbar-and-navbarcontrol-with-treeview-t329868/VB/NavBarExample/MainWindow.xaml#L75

    <Border Background="LightBlue" Grid.Column="1"/>
    <dxnav:OfficeNavigationBar Grid.Row="1" Grid.ColumnSpan="2" NavigationClient="{Binding ElementName=navBar}" ShowPeekFormOnItemHover="True"/>
</Grid>