All docs
V20.1
20.2 (EAP/Beta)
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

BackstageItemWithImage.GlyphContainerStyle Property

Gets or set's a style applied to a container displaying a glyph within the current item. This is a dependency property.

Namespace: DevExpress.Xpf.Ribbon

Assembly: DevExpress.Xpf.Ribbon.v20.1.dll

Declaration

[Browsable(false)]
public Style GlyphContainerStyle { get; set; }
<Browsable(False)>
Public Property GlyphContainerStyle As Style

Property Value

Type Description
Style

A Style object applied to a container displaying a glyph.

Remarks

Target Type: ContentControl.

Examples

When you display an image with the BackstageButtonItem's BackstageItemWithImage.Glyph property, the image is placed inside a glyph container. Use the BackstageItemWithImage.GlyphContainerStyle and BackstageItemWithImage.GlyphStyle properties to change the glyph container and image styles.

The following code sample specifies the image's height and width to 32 pixels, a container's height and width to 100, and displays the image at the top left corner:

BackstageItem.GlyphStyle

<Window.Resources>

        ...

        <Style x:Key="myGlyphStyle" TargetType="Image">
            <Setter Property="VerticalAlignment" Value="Top"/>
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <Setter Property="Height" Value="32"/>
            <Setter Property="Width" Value="32"/>
        </Style>

        <Style x:Key="myGlyphContainerStyle" TargetType="ContentControl">
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="Height" Value="100"/>
            <Setter Property="Width" Value="100"/>
        </Style>

        ...

    </Window.Resources>

<dxr:BackstageButtonItem  Content="DevHelp" Glyph="D:\Work\Icon.png" GlyphStyle="{StaticResource myGlyphStyle}" GlyphContainerStyle="{StaticResource myGlyphContainerStyle}"/>
...
See Also