A newer version of this page is available. Switch to the current version.

SuperTipItem.ContentTemplate Property

Gets or sets the template used to display the SuperTipItem.Content object. This is a dependency property.

Namespace: DevExpress.Xpf.Core

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

Declaration

public DataTemplate ContentTemplate { get; set; }

Property Value

Type Description
DataTemplate

A DataTemplate that defines the visualization of the SuperTipItem.Content object.

Remarks

See the Data Templating Overview topic to learn more.

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

<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>
See Also