How do I put a placeholder in a TextInput?
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
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).