Watermark
The watermark of RadAutoSuggestBox is the content shown in the TextBox when no text is entered.
The default watermark is empty. To change this, set the WatermarkContent property of RadAutoSuggestBox.
Example 1: Set watermark content
<telerik:RadAutoSuggestBox WatermarkContent="Type here" />
Figure 1: Watermark content
Customize the Watermark Behavior
The default behavior of the watermark is to get displayed only when no text is entered and the RadAutoSuggestBox control is not focused. To change this, set the WatermarkBehavior property of RadAutoSuggestBox. The property expects one of the following values:
HiddenWhenFocused (default): The watermark is hidden when the control is focused. It displays when the control loses the focus.
HideOnClick: The watermark is shown until you click on the TextBox.
HideOnTextEntered: The watermark is shown until text is typed into the TextBox.
Customize the UI
The default UI of the watermark is a simple content presenter that shows the value of the WatermarkContent property. You can change this via the WatermarkTemplate property of RadAutoSuggestBox.
Example 2: Set watermark content template
<telerik:RadAutoSuggestBox WatermarkContent="Type here">
<telerik:RadAutoSuggestBox.WatermarkTemplate>
<DataTemplate>
<TextBlock Text="{Binding}" Foreground="#DAB170" FontStyle="Normal" />
</DataTemplate>
</telerik:RadAutoSuggestBox.WatermarkTemplate>
</telerik:RadAutoSuggestBox>
Figure 2: Watermark content template
