Bind SelectedColor to Rectangle inside RadColorPicker

[Luís]

Hello Sirs,

I'm trying to show the selectedColor/selectedItem in a rectangle which is inside my RadColorPicker.

<Style TargetType="telerik:RadColorPicker" 
           x:Name="colorPicker"
           BasedOn="{StaticResource StandardInputControlStyle}"
           >
        <Setter Property="Margin" Value="5,0,10,5"></Setter>
        
        <Setter Property="ContentTemplate">
            <!-- responsible for the button's design -->
            <Setter.Value>
                <DataTemplate>
                    <TextBlock>
                        <Rectangle HorizontalAlignment="Center" 
                             VerticalAlignment="Center"
                             Width="108" 
                             Height="23" 
                             x:Name="Rectangle" 
                             Fill="{Binding ElementName=colorPicker, Path=SelectedColor}">
                        </Rectangle>
                    </TextBlock>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

[Vladimir Stoyanov]

Hello Luis,

In order to bind to the SelectedColor of the RadColorPicker you can use a RelativeSource binding and set the AncestorType to be RadColorPicker. You should also implement a ValueConverter in order to convert the color into a Brush.

Please find a simple project attached which implements this behavior.

I hope you find this helpful. Let me know if you have any more questions.

Regards,
Vladimir Stoyanov
Progress Telerik

[Luis]

I really appreciate your attention, Sir.

That helped me a lot.