Telerik UI for Windows 8 XAML

RadAutoCompleteBox exposes the Watermark property that allows you to specify its contents when the input area is empty and unfocused.

Setting the Watermark Property

The following code snippet demonstrates how to set simple watermark text in the input area by setting the text of the Watermark property:

XAML Copy imageCopy
<telerikInput:RadAutoCompleteBox Watermark="Search for movies" />
Rad Auto Complete Box-Watermark Default

Setting the WatermarkTemplate Property

Rather than use the default text of the WatermarkContent property, you might want that text to be a different color, font, or size than the default. To achieve this goal, you’ll set a custom watermark template as demonstrated in this code snippet:

XAML Copy imageCopy
<telerikInput:RadAutoCompleteBox >
    <telerikInput:RadAutoCompleteBox.WatermarkTemplate>
        <DataTemplate>
            <TextBlock Text="Search for movies" Foreground="#80D6F4" FontSize="18" />
        </DataTemplate>
    </telerikInput:RadAutoCompleteBox.WatermarkTemplate>
</telerikInput:RadAutoCompleteBox>
Rad Auto Complete Box-Watermark Template

See Also

Other Resources