SuperTipItem Class

Represents a regular tooltip item for a SuperTip object.

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

Declaration

C#
VB.NET

public class SuperTipItem :
    SuperTipItemBase

Public Class SuperTipItem
    Inherits SuperTipItemBase

Remarks

A regular tooltip item consists of content and glyph regions. To specify the content and glyph, use the SuperTipItem.Content and SuperTipItem.Glyph properties, respectively.

By deafult, the glyph is displayed on the left of the content. You can change the glyph’s relative position by changing the style via the SuperTipItem.LayoutStyle property (see the example below).

Example

The following example creates a SuperTip consisting of four items. For the second item, the default layout of the item’s Content and Glyph is changed. The glyph is positioned on the right of the Content.

For the fourth item, the style is changed, so that the text is painted in gray.

The result is shown below:

SuperTip

XAML

<dxb:BarButtonItem.SuperTip>
    <dxc:SuperTip>
        <!--Item 1-->
        <dxc:SuperTipHeaderItem Content="New"/>
        <!--Item 2-->
        <dxc:SuperTipItem Content="Create a new document" 
                          Glyph="pack://application:,,,/Images/new-32x32.png">
            <!--Change the default layout-->
            <dxc:SuperTipItem.LayoutStyle>
                <Style TargetType="{x:Type dxc:Items2Panel}">
                    <Setter Property="Alignment" Value="Right"/>
                    <Setter Property="HorizontalIndent" Value="20"/>
                </Style>
            </dxc:SuperTipItem.LayoutStyle>

        </dxc:SuperTipItem>
        <!--Item 3-->
        <dxc:SuperTipItemSeparator/>
        <!--Item 4-->
        <dxc:SuperTipItem Content="Opens a new document in a new tab" >
            <!--Provide content template-->
            <dxc:SuperTipItem.ContentTemplate>
                <DataTemplate>
                    <TextBlock FontFamily="Calibri" Foreground="Gray" FontSize="11" Text="{Binding}"/>
                </DataTemplate>
            </dxc:SuperTipItem.ContentTemplate>
        </dxc:SuperTipItem>
    </dxc:SuperTip>
</dxb:BarButtonItem.SuperTip>

The following code snippets (auto-collected from DevExpress Examples) contain references to the SuperTipItem class.

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.

how-to-create-supertips-for-bar-items-ribbon-items-and-standard-controls-in-code-and-xaml-e2702/CS/SuperTipFromXamlForStandardControls.xaml#L12

<dx:SuperTipHeaderItem Content="New"/>
<dx:SuperTipItem Content="Create a new document" Glyph="pack://application:,,,/new-32x32.png">
    <dx:SuperTipItem.LayoutStyle>

how-to-declare-cell-tooltips-t506603/CS/DXSample/MainWindow.xaml#L25

<dx:SuperTipHeaderItem Content="User Information:"/>
<dx:SuperTipItem Content="{Binding Name, Converter={local:ConcatStringsConverter}, ConverterParameter='Name'}"/>
<dx:SuperTipItem Content="{Binding Id, Converter={local:ConcatStringsConverter}, ConverterParameter='Id'}"/>