[Solved] Set clear button / search button style

[jakub]

Hi there,

I am trying to personalize my control. I need to change image for search and clear. How to achieve that?

<telerikInput:RadAutoCompleteBox x:Name="radAutoCompleteBox" TextWrapping="Wrap" Text="RadAutoCompleteBox" VerticalAlignment="Center" ActionButtonVisibility="Visible" ClearButtonVisibility="Visible" InputScope="PersonalFullName" BorderBrush="#FF27221D" Background="#FF27221D" Foreground="#FFD6C3AD" Margin="0,24,0,0" FontSize="18.667" FontFamily="Segoe WP Light"/>

[Ivaylo Gergov]

Hi,

You can change the appearance of these buttons through the RadAutoCompleteBox.ClearButtonStyle and RadAutoCompleteBox.ActionButtonStyle properties.

Please, let me know should you need further assistance.

Regards,
Ivaylo Gergov
Telerik

 

 

[jakub]

Do you have any sample? Ie adding own icon with url

[Ivaylo Gergov]

Hello,

Here's an example:

<input:RadAutoCompleteBox.ActionButtonStyle>
    <Style TargetType="telerikTextBox:TextBoxActionButton">
        <Setter Property="PressedStateImageSource" Value="url1" />
        <Setter Property="RestStateImageSource" Value="url2" />
        <Setter Property="DisabledStateImageSource" Value="url3" />
        <Setter Property="ButtonShape" Value="Image" />
        <Setter Property="ButtonType" Value="Custom" />
    </Style>
</input:RadAutoCompleteBox.ActionButtonStyle>

The style of the ClearButton can be set in a similar manner.

Please, let me know how it goes.

Regards,
Ivaylo Gergov
Telerik