Binding PathGeometry of a RadPathButton to Glyph

Environment

Product

RadButtons for WPF

Description

How to bind the PathGeometry property of a RadPathButton to a glyph.

Solution

Create a custom IValueConverter that returns a geometry based on a glyph string and set it to the Converter property of the PathGeometry binding.

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
        InitializeComponent(); 
 
        this.DataContext = this; 
    } 
 
    public string Glyph 
    { 
        get { return ""; } 
    } 
} 
 
public class StringToGeometryConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
        return RadGlyph.GetGeometry(this.GetGlyph(value.ToString()), "TelerikWebUI"); 
    } 
    private string GetGlyph(string hexCode) 
    { 
        string glyphInt = hexCode.Substring(3, 4); 
        var character = (char)int.Parse(glyphInt, NumberStyles.HexNumber); 
        return character.ToString(); 
    } 
 
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
        return null; 
    } 
} 

<Grid> 
    <Grid.Resources> 
        <local:StringToGeometryConverter x:Key="StringToGeometryConverter" /> 
    </Grid.Resources> 
    <telerik:RadPathButton  PathGeometry="{Binding Glyph, Converter={StaticResource StringToGeometryConverter}}" Width="75" Height="50" Content="Test" ContentPlacement="Right" /> 
</Grid> 

The "local" namespace refers to the namespace, where the StringToGeometryConverter is defined.

See Also

• RadGlyph