How do I put a placeholder in a TextInput?

How-to Discussions
1

How do I put a placeholder in a TextInput?

2

Hi, you can use Value="My Placeholder unless you want it to auto-clear. Auto-clearing placeholders is coming in a release very soon. To read more about that, and to see a workaround until it gets released, please see https://www.fusetools.com/community/forums/feature_requests/placeholder_text_in_textinput

3

As an alternative, until we have textual placeholders, you can overlay text and just have it disappear when there is text inside the TextInput. You use the ContainingText trigger for this.

<Panel>    <Text Value="Please enter something" Alignment="Center" ux:Name="MyPlaceholder"/>
    <TextInput Alignment="VerticalCenter">
        <ContainingText>
            <Change Target="MyPlaceholder.Opacity" Value="0" Duration="0.3"/>
        </ContainingText>
    </TextInput>
</Panel>

This approach gives you full control over the font and color (you can also use an image if you want).