# Item Glyph Customization | WPF Controls | DevExpress Documentation

This topic describes how to customize the accordion item’s glyph:

![AccordionItemCustomizationGlyphOverview](/WPF/images/accordionitemcustomizationglyphoverview132098.png)

This document consists of the following sections:

- Specify Glyph
- Specify Glyph Template

## Specify Glyph

Use the [AccordionItem.Glyph](/WPF/DevExpress.Xpf.Accordion.AccordionItem.Glyph) property to specify the accordion item’s glyph. The following code sample demonstrates how to use this property:

- XAML

<section id="tabpanel_V2rY6MVTbS_tabid-xaml" role="tabpanel" data-tab="tabid-xaml">
<pre><code class="lang-xaml">&lt;dxa:AccordionControl&gt;
   &lt;dxa:AccordionItem Header=&quot;Root Item&quot; Glyph=&quot;{dx:DXImage Image=Image_32x32.png}&quot;&gt;
      &lt;dxa:AccordionItem Header=&quot;SubItem&quot; Glyph=&quot;{dx:DXImage Image=Map_16x16.png}&quot;/&gt;
      &lt;dxa:AccordionItem Header=&quot;SubItem&quot; Glyph=&quot;{dx:DXImage Image=Map_16x16.png}&quot;/&gt;                    
   &lt;/dxa:AccordionItem&gt;
&lt;/dxa:AccordionControl&gt;
</code></pre></section>

The image below shows the result:

![AccordionItemCustomizationGlyph](/WPF/images/accordionitemcustomizationglyphsimple132094.png)

## Specify Glyph Template

Specify the [AccordionItem.GlyphTemplate](/WPF/DevExpress.Xpf.Accordion.AccordionItem.GlyphTemplate) property to customize the accordion item’s glyph. If you have more than one template that can be used to render the glyph, specify the [AccordionItem.GlyphTemplateSelector](/WPF/DevExpress.Xpf.Accordion.AccordionItem.GlyphTemplateSelector) property to implement custom logic for selecting the required template.

The following code sample demonstrates how to add a custom image to the root item:

- XAML

<section id="tabpanel_V2rY6MVTbS-1_tabid-xaml" role="tabpanel" data-tab="tabid-xaml">
<pre><code class="lang-xaml">&lt;dxa:AccordionControl&gt;
   &lt;dxa:AccordionItem Header=&quot;Root Item&quot; Glyph=&quot;{dx:DXImage Image=Walking_16x16.png}&quot; GlyphPosition=&quot;Right&quot;&gt;
      &lt;dxa:AccordionItem.GlyphTemplate&gt;
         &lt;DataTemplate&gt;
            &lt;Border BorderThickness=&quot;1&quot; BorderBrush=&quot;Black&quot; Background=&quot;LightYellow&quot;&gt;
               &lt;Image Source=&quot;{Binding}&quot; Margin=&quot;5&quot;&gt;&lt;/Image&gt;
            &lt;/Border&gt;
         &lt;/DataTemplate&gt;
      &lt;/dxa:AccordionItem.GlyphTemplate&gt;
      &lt;dxa:AccordionItem Header=&quot;SubItem&quot; Glyph=&quot;{dx:DXImage Image=Map_16x16.png}&quot;/&gt;
      &lt;dxa:AccordionItem Header=&quot;SubItem&quot; Glyph=&quot;{dx:DXImage Image=Map_16x16.png}&quot;/&gt;
   &lt;/dxa:AccordionItem&gt;
&lt;/dxa:AccordionControl&gt;
</code></pre></section>

The image below shows the result:

![AccordionItemCustomizationGlyph](/WPF/images/accordionitemcustomizationglyph132095.png)

In the demonstrated code sample, the accordion item displays the glyph at the right side. Use the [AccordionItem.GlyphPosition](/WPF/DevExpress.Xpf.Accordion.AccordionItem.GlyphPosition) property to specify the glyph’s position. You can specify the glyph’s position for all items within the accordion control using the [AccordionControl.ItemGlyphPosition](/WPF/DevExpress.Xpf.Accordion.AccordionControl.ItemGlyphPosition) property.

See Also

[Adding Accordion Items](/WPF/119831/controls-and-libraries/navigation-controls/accordion-control/accordion-items/adding-accordion-items)

[Item Header Customization](/WPF/119847/controls-and-libraries/navigation-controls/accordion-control/accordion-items/item-header-customization)

[Item Content Customization](/WPF/119849/controls-and-libraries/navigation-controls/accordion-control/accordion-items/item-content-customization)